.kt-grid__item.kt-grid__item--fluid.kt-login__wrapper{position:relative}
.kt-login__container > div:last-of-type{position:absolute;bottom:0;left:calc(50% - 161px)}
@media screen and (max-width:1024px){
.kt-login__container > div:last-of-type{left:calc(50% - 149px)} }
.kt-menu__item--submenu a i{margin-right:9px; line-height:26px}
.kt-datatable.kt-datatable--default{margin-bottom:0px !important}
.kt-pagination{margin:auto !important}
.table th,
.table td{text-align:center; white-space:nowrap; vertical-align:middle;}
.vertical-top td {vertical-align:top}
.kt-form__actions{text-align:center}
.kt-form__actions .btn{margin:0px 5px;line-height:20px}
.bold{font-weight:bold !important}
.btn-xm, .btn-group-sm > .btn {
padding:0.2rem 0.7rem;
font-size:0.875rem;
line-height:1.5;
border-radius:0.2rem;
}
.invalid-feedback {
font-size:100% !important;
color:#FF0000;
}
.kt-spinner--right:after {
margin-left:10px;
content:'';
}
body {
color:#48465b;
}
.inline{padding:0px 0px; margin:0px 0px; display:inline}
.txt-blue{color:#00F !important}
.txt-red{color:#F00 !important}
.txt-blue2{color:#5866DD !important}
.txt-red2{color:#FC4F25 !important}
.kt-pagination .kt-pagination__links{margin:auto}
.kt-checkbox-inline{padding:7px 0}
.day_off_off{background-color:#EEE; color:#DDD}
.day_off_on{background-color:#A33; color:#FFF}
.kt-section__title {
display:block;
font-size:1.3rem;
font-weight:500;
padding:0;
margin:0 0 1.75rem 0;
color:#48465b;
font-weight:bold;
}
#inicisModalDiv {
opacity :1 !important;
}
.kt-section__heading.kt-section__title-sm,
.kt-section__title.kt-section__title-sm {
font-size:1.1rem;
}
.bottom-10{margin-bottom:10px}
.store-icon-image img{width:100%; border-radius:10px}
.empty-contents{text-align:center; padding:50px 0px; font-size:16px; color:#999}
.store-image-item{position:relative}
.store-image-item img{width:100%; border:solid 1px #d9d9d9; border-radius:5px;background:#1414140d}
.store-image-item .btn{background-color:#C000; position:absolute; top:0px; right:0px; padding:0px 0px; text-align:center; cursor:pointer}
.store-image-item .btn img{border:none}
.store-image-item .btn i{color:#FEE; font-size:14px; line-height:30px; padding-left:6px}
.kt-checkbox.kt-checkbox--success.kt-checkbox--tick > span {
background:#e4e8ee;
border:1px solid transparent !important;
}
.kt-radio.kt-radio--success.kt-radio--tick > span {
background:#e4e8ee;
border:1px solid transparent !important;
}
.kt-radio.kt-radio--success.kt-radio--tick > input:checked ~ span {
background:#e4e8ee;
}
.tbl-calendar tbody tr:first-child td:first-child{width:100px}
.tbl-calendar tbody tr td{padding:5px 5px; height:50px}
.tbl-inner{margin:-1px -1px}
.tbl-inner tbody tr td,
.tbl-inner tbody tr td-first-child{width:150px !important; height:50px}
.btn-sm, .btn-group-sm > .btn {
padding:0.4rem 0.8rem;
font-size:0.9rem;
line-height:1.5;
border-radius:0.2rem;
}
.btn-ssm, .btn-group-sm > .btn {
padding:0.4rem 0.8rem;
font-size:0.8rem;
line-height:1.5;
border-radius:0.2rem;
}
.my-style-thumb{border-radius:8px; max-width:100%}
.board-hidden{color:#AAA}
.board-hidden a{color:#888}
.board-hidden td{background-color:#FAFAFA}
.point-list-item{padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #EEE}
.point-list-item .p{display:inline-block; float:right}
.point-list-item .p span{font-size:12px; border-radius:5px; padding:5px 10px}
.point-list-item div{display:inline-block}
.point-list-item div .d{display:block; font-size:10px; color:#999; padding:0px 0px; line-height:10px}
.point-list-item div .dd{display:block; color:#999; padding:5px 0px 0px 0px; line-height:14px}
.point-list-item div .dd i{color:#666}
.point-list-item div .m{display:block; font-size:14px; color:#333; line-height:14px; font-weight:bold; padding-bottom:5px}
.point-list-item div .goods{font-weight:bold}
.point-list-item img.pic{width:70px; height:70px; border-radius:50%; margin-right:15px; display:inline-block; vertical-align:middle}
.point-list-item .price{font-weight:bold}
.point-list-item .price .original-price{font-weight:normal; text-decoration:line-through; color:#999; margin:0px 5px}
.point-list-item .price .discount-rate{}
#resContents::-webkit-scrollbar {
display:none;
}
.fixed-designer-name{position:fixed; top:10px}
.designer-img{width:60px; border-radius:50%; margin-right:10px; display:inline-block; vertical-align:middle; }
.designer-time-item{border:solid 1px #CCC; border-radius:5px; padding:0px 10px; display:inline-block; font-size:14px; margin:0px 10px 10px 0px; cursor:pointer}
.designer-time-item.active{background-color:#AAF; color:#FFF; border-color:#99F}
.designer-time-item.disable{background-color:#EEE; color:#CCC}
.tr-designer-item td{padding:15px 0px; border-top:solid 1px #CCC}
.tr-designer-item:first-child td{border-top:none}
.rev-new{background-color:#ffb822}
.rev-confirm {background-color:#1dc9b7}
.rev-done{background-color:#e1e1ef}
.rev-disable{background:#EEE; color:#CCC}
.pointer{cursor:pointer}
.modal-full {
max-width:98% !important;
height:92%;
padding:0;
}
.form-group {
margin-bottom:1rem;
}
.modal-content {
-webkit-box-shadow:0px 0px 20px 10px rgba(0,0,0,0.3);
-moz-box-shadow:0px 0px 20px 10px rgba(0,0,0,0.3);
box-shadow:0px 0px 20px 10px rgba(0,0,0,0.3);
}
.select-item:hover{background-color:#EEE}
.select-item:active{background-color:#ff0}
.select-item:visited{background-color:#ff0}
.btn-xs {
padding:0.1rem 0.4rem;
font-size:0.5rem;
line-height:1.5;
border-radius:0.2rem;
}
.select-option {
display:-webkit-box;
display:-ms-flexbox;
padding:0.5em;
border:1px solid #ebedf2;
border-radius:4px;
position:relative;
background-color:#FFE;
height:calc(1.5em + 1.3rem + 2px);
line-height:1.5em;
margin-bottom:5px;
}
.disabled .select-option button {
display:none;
}
.mr-0{margin-right:0px}
.mb-10{margin-bottom:10px}
.pt-10{padding-top:10px}
.pb-10{padding-bottom:10px}
.select-option button{position:absolute; right:0.5rem; top:0.5rem}
.ui-front{z-index:9999 !important}
.member-history{border-bottom:solid 1px #EEE; padding:10px 0px}
.member-history:last-child{border-bottom:none}
.member-history div{padding:2px 0px}
.member-history div i{width:20px}
.txt-label{line-height:calc(1.5em + 1.3rem + 2px); text-align:center; display:block}
.reg-time {
width:90px;
border:solid 1px #CCC;
border-radius:0.2rem;
padding:0.4rem 0.8rem;
display:inline-block;
font-size:0.9rem;
font-weight:bold;
}
.reg-time .kt-checkbox{margin-bottom:0px}
.dp-reg-time {
display:inline-block;
width:60px;
border:solid 1px #CCC;
border-radius:0.2rem;
padding:0.4rem 0.8rem;
font-size:0.9rem;
font-weight:bold;
text-align:center;
background-color:#EEE;
}
.w10p{width:10%}
.w15p{width:15%}
.w20p{width:20%}
.w30p{width:30%}
.w40p{width:40%}
.w50p{width:50%}
.w60p{width:60%}
.w70p{width:70%}
.w80p{width:80%}
.w90p{width:90%}
.w100p{width:100%}
.fsize {width:10%; font-size:10vw; min-height:100px; display:inline}
.custom-file-label {
white-space:nowrap;
overflow:hidden;
}
.product-item .added-products-qty{padding:0.5rem 0rem !important; text-align:center}
.m-category-item{padding:10px; border-bottom:solid 1px #F0F0F0; background-color:#FFFFFF; font-weight:bold; cursor:pointer}
.m-category-item:hover{background-color:#EFEFEF}
@media (min-width:576px) {
.modal-xl{min-width:95%}
}
@media (max-width:768px) {
.kt-widget.kt-widget--user-profile-3 .kt-widget__bottom .kt-widget__item {
width:49%;
}
}
@media (min-width:1025px) {
.kt-form .form-group label:not(.kt-checkbox):not(.kt-radio):not(.kt-option) {
text-align:right;
font-weight:bold;
}
}
@media (max-width:1024px) {
.kt-container {
padding:0 10px;
}
}
/***************************************** 20200722 UI 수정 *****************************************/
/* logo */
/* layout */
html, body{font-size:14px}
.btTxtBlue{color:#4E546A;font-weight:600}
.btBtnType{padding:6px;font-size:14px;color:#fff}
.btBtnBlue{background-color:#5867dd}
.btBtnGray{background-color:#d1d5e2}
.table-responsive > .table-bordered > tbody > tr:nth-of-type(1){background:#edf5ff}
/* header */
.btHead .btHeadWrap{box-shadow:#ececec 1px 3px 5px;height:65px}
.btHead .btHeadWrap .btGnb > li{padding-right:50px}
.btHead .btHeadWrap .btGnb > li:last-of-type{padding-right:0}
.btHead .btHeadWrap .btGnb > li > a.kt-menu__link > span.kt-menu__link-text{color:#555;font-weight:600;font-size:15px}
.btHead .btHeadWrap .btHeadIn{width:94%}
.btHead .btHeadWrap .btLogoWrap{width:20%}
.btHead .btHeadWrap .btLogoWrap > div > a{position:relative}
.btHead .btHeadWrap .btLogoWrap > div > a > img{width:75%}
.btHead .btHeadWrap .btLogoWrap > div > a > img:nth-of-type(1){opacity:1;animation:logoAni 5s linear 0s infinite}
.btHead .btHeadWrap .btLogoWrap > div > a > img:nth-of-type(2){opacity:0;position:absolute;left:0;top:0;animation:logoAniOver 5s linear 0s infinite}
.btHead .btHeadWrap .btLogoWrap > div > a:hover > img:nth-of-type(1){opacity:0}
.btHead .btHeadWrap .btLogoWrap > div > a:hover > img:nth-of-type(2){opacity:1}
/* @keyframes logoAni{0%{opacity:1}49%{opacity:0.9}50%{opacity:0}51%{opacity:0.9}100%{opacity:1}}
@keyframes logoAniOver{0%{opacity:0} 30%{opacity:0.9}50%{opacity:1}70%{opacity:0.9}100%{opacity:0}} */
.btHead .btHeadWrap .btGnbWrap{width:80%;padding:0;margin:0}
.btHead .btGnbWrap .kt-header-menu{margin:0 auto}
.btHead .btHeadWrap .btGnb > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text,
.btHead .btHeadWrap .btGnb > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text{color:#5867dd}
/* btn */
.btHead .btHeadWrap .fa-search:before{color:#fff}
.btHead .btHeadWrap .btn-success{background-color:#4E546A;border:none}
/* container */
.btContainer .btContWrap{width:94%}
.btContainer .btContWrap .btContIn .btContInIn{width:100%}
.btContainer .btContWrap .btContIn .btContInIn .btContLastWrap{margin:0}
.btContainer .btContWrap .btContIn .btContL{flex:0 0 18%;max-width:18%;padding-left:0;padding-top:20px}
.btContainer .btContWrap .btContIn .btContR{flex:0 0 82%;max-width:82%;padding-right:0;padding-top:20px}
.btContainer .btContWrap .btContIn .kt-container{width:100%}
.btSnb{position:relative;flex:0 0 100%;max-width:100%;padding:0}
.btSnb > .row{margin:0}
.btSnb > .row > div{padding:0}
.btSnb > .btSnb1 .kt-portlet__body, .btSnb > .btSnb2 .kt-portlet{padding:15px; border-radius:10px}
.btSnb > .btSnb1 .kt-portlet__body .form-group{margin-bottom:0}
.btSnb > .btSnb1 .kt-portlet__body .form-group label{font-size:16px}
.btSnb > .btSnb1 .btSnbLogin{margin-bottom:0}
.btSnb > .btSnb1 .btSnbLogin .btTxtBlue{display:block;margin-bottom:5px;font-weight:bold;font-size:20px;position: relative;padding-right:30px;box-sizing: border-box;}
.btSnb > .btSnb1 .kt-portlet{margin-bottom:15px; border-radius:10px}
.btSnb > .btSnb1 .btSnb1Btn > div{float:left}
.btSnb > .btSnb1 .btSnb1Btn > div:first-of-type{margin-right:10px}
.btSnb > .btSnb1 .btSnb1Btn > div .btBtnType{width:100px;font-size:14px}
.btSnb > .btSnb1 .btSnb1Btn > div .btBtnBlue:hover, .btSnb > .btSnb1 .btSnb1Btn > div .btBtnBlue:focus{background-color:#3541a0;border:none}
.btSnb > .btSnb1 .btSnb1Btn > div .btBtnGray:hover, .btSnb > .btSnb1 .btSnb1Btn > div .btBtnGray:focus{background-color:#a2a8b9;border:none}
.btSnb > .btSnb2 .kt-portlet__head{border-bottom:none;padding:0;min-height:0}
.btSnb > .btSnb2 .kt-portlet__head-title{font-weight:bold}
.btSnb > .btSnb2 .kt-portlet__head-title:before{content:"";display:inline-block;width:3px;height:18px;background:#5867dd;position:relative;top:4px;margin-right:10px}
.btSnb > .btSnb2 .kt-form--label-right > .pointer > div, .btSnb > .btSnb2 .kt-form--label-right .col-12 > div{border:1px solid #dadfff !important;background-color:#f9f8fd !important;font-size:14px}
.btSnb > .btSnb2 .kt-form--label-right .kt-widget4__title .kt-font-brand{color:#5867dd !important}
.btSnb > .btSnb2 .kt-form--label-right .col-12{padding:0}
.btSnb > .btSnb3 > .col-md-12 > .kt-portlet{margin-bottom:15px;background:#fff;display:block;border-radius:10px}
.btSnb > .btSnb3 .kt-form--label-right{padding:0 !important}
.btSnb > .btSnb3 .kt-form--label-right .table-responsive{height:auto !important;border:1px solid #ccc}
.btSnb > .btSnb3 .btSnb3LastWrap{padding-top:15px !important}
.btSnb > .btSnb3 .btSnb3LastWrap > a:nth-of-type(1){margin-left:15px}
.btSnb > .btSnb3 .btSnb3LastWrap .cal-date{font-weight:bold}
.btSnb > .btSnb3 .btSnb3LastWrap .btSnb3Chek{background:#fff;text-decoration:underline;font-weight:bold;font-size:14px;padding:0.5em}
.btSnb > .btSnb3 .btSnb3LastWrap .btToday{margin-left:5px;color:#666}
.btSnb > .btSnb3 .btSnb3LastWrap .btToday:hover, .btSnb > .btSnb3 .btSnb3LastWrap .btToday:focus{background:#aaa;color:#fff}
.btSnb > .btSnb3 .btSnb3LastWrap .btSnb3ChekNone{color:#f83d3d}
.btSnb > .btSnb3 .btSnb3LastWrap .btSnb3ChekNone:hover, .btSnb > .btSnb3 .btSnb3LastWrap .btSnb3ChekNone:focus, .btSnb > .btSnb3 .btSnb3LastWrap .btSnb3ChekNone.focus{background:#f56d6d;color:#fff;text-decoration:underline;box-shadow:none}
.btSnb > .btSnb3 .btSnb3List{box-shadow:none; margin-top:15px;width:100%}
.btSnb > .btSnb3 .btSnb3List .table-responsive > .table-bordered > tbody > tr:nth-of-type(1){background:#fff}
.btSnb > .btSnb3 .btSnb3Tab label{width:25%;box-sizing:border-box;float:left;margin-bottom:15px;margin-right:0 !important;border-bottom:2px solid #dadfff;text-align:center}
.btSnb > .btSnb3 .btSnb3Tab label > p{margin:0;width:100%;border-radius:0.25rem 0.25rem 0 0;padding:5px 0;padding:0.7em 0}
.btSnb > .btSnb3 .btSnb3Tab label > p.badge-light{background-color:#fff}
.btSnb > .btSnb3 .btSnb3Tab .btSnb3TabList > table > tbody > tr:nth-of-type(1) > th{padding:5px 0 }
.btSnb > .btSnb3 .btSnb3Tab .badge-info{background:#fff6f6;color:#ff7bac;font-weight:bold;border:1px solid #ffdfdf;box-sizing:border-box;border-bottom:none}
.btSnb > .btSnb3 .btSnb3Tab .badge-warning{background:#f1b44c;color:#fff}
.btSnb > .btSnb3 .btSnb3Tab .badge-success{background:#6da9fa}
.btSnb > .btSnb3 .btSnb3Tab .badge-secondary{background-color:#f3f3ff;color:#3c49af}
.btSnb > .btSnb3 .btSnb3Tab table tr{font-size:14px}
.btStats .kt-portlet__head > div{background:#f6f5f9 !important}
.btStats .btStats1{background:#fff}
.btStats .btStats2 > div{padding-top:0 !important;background:#fff;margin-top:5px}
.btStats .btStats1 .btStats1In1 > span{border-bottom:none !important;padding-bottom:0 !important;color:#666}
.btStats .btStats1 .btStats1In2 > span{border-top:none !important;padding-top:0.3rem !important;color:#333;font-size:15px;font-weight:600}
.btStats .btStats2 .btStats2In2 > span{border-top:none !important}
.btStats .btStats1 .table-responsive > div > span,
.btStats .btStats2 .table-responsive > div > span{border-right:none !important;display:block !important;width:25%}
.btStats .btStats1 .table-responsive > div > span:last-of-type,
.btStats .btStats2 .table-responsive > div > span:last-of-type{border-right:1px solid #dee2e6 !important}
.btStats .btStats1 .table-responsive{margin:0;padding:0}
.btStats .btStats1 .table-responsive > div{width:100%;;margin:0}
.btCustomer{position:relative}
.btCustomer .btCustomerTit{position:absolute;left:20px;top:20px}
.btCustomer .btn-ssm{font-size:12px}
.btCustomer .btCustomerIn1{flex:0 0 7%;max-width:7%;padding:25px 0 0}
.btCustomer .btCustomerIn2{flex:0 0 18%;max-width:18%;padding:12px 0 0 20px}
.btCustomer .btCustomerIn3{flex:0 0 45%;max-width:45%;padding:0}
.btCustomer .btCustomerIn4{flex:0 0 30%;max-width:30%;padding:0;padding-left:20px}
.btCustomer .btCustomerIn1 .btGender{width:85%;cursor:pointer;animation:btGenderAni 3s linear 10}
.btCustomer .btCustomerIn1 .btGender:hover{border:3px solid #3d94fb;border-radius:50%}
@keyframes btGenderAni{
0%{transform:scale(1)} 40%{transform:scale(1)} 45%{transform:scale(1.02)} 50%{transform:scale(1)} 55%{transform:scale(1.02)} 60%{transform:scale(1)} 100%{transform:scale(1)}
}
.btCustomer .btCustomerIn2 > div{margin-top:10px}
.btCustomer .btCustomerIn2 > div img{padding-left:4px;margin-right:5px}
.btCustomerIn3 .table{margin-bottom:0}
.btCustomerIn3 .table .custBox1{background:#fff7e2}
.btCustomerIn3 .table .custBox2{background:#edfaff}
.btCustomerIn3 .table .custBox3{background:#fff6f6}
.btCustomerIn3 .table .custBox4{background:#f3f3ff}
.btCustomerIn3 .table .custBox5{background:#fbfbfb}
.btCustomerIn3 .table .custBox6{background:#f5ffef}
.btCustomerIn3 .table .custBox1 > p{color:#ff8900;font-size:16px;font-weight:600}
.btCustomerIn3 .table .custBox2 > p{color:#007aff;font-size:16px;font-weight:600}
.btCustomerIn3 .table .custBox3 > p{color:#ff7bac;font-size:16px;font-weight:600}
.btCustomerIn3 .table .custBox4 > p{color:#262626;font-size:16px;font-weight:600}
.btCustomerIn3 .table .custBox5 > p{color:#8a8a8a;font-size:16px;font-weight:600}
.btCustomerIn3 .table .custBox6 > p{color:#4fba6f;font-size:16px;font-weight:600}
.btCustomerIn3 .table tr > td{border:1px solid #edf5ff}
.btCustomerIn3 .table tr > td:nth-of-type(odd){border-right:1px solid transparent}
.btCustomerIn3 .table tr > td > div img{margin-right:10px}
.btCustomer .btCustomerIn4 .kt-widget__info{border:1px solid #edf5ff;padding:0 10px 10px}
.btCustomer .btCustomerIn4 .kt-widget__desc > p{background:#edf5ff;padding:5px 0px;color:#6da9fa;font-size:14px;width:calc(100% + 20px);margin-left:-10px;padding-left:10px}
.btCustomer .btCustomerIn4 .kt-widget__desc > p > img{margin-right:10px;position:relative;top:-1px}
.btContR .kt-portlet .titType1{font-size:15px}
.btContR .kt-portlet .titType1.f-sB{font-size:18px;font-weight:bold}
.btContR .titType1:before{content:"";display:inline-block;width:3px;height:18px;background:#5867dd;position:relative;top:4px;margin-right:10px}
.btContR .kt-portlet .kt-portlet__head{min-height:0;padding:0;border-bottom:none}
.btContR .kt-portlet > .modal-body{padding:0}
.snbLOpenBtn{display:none}
/* 예약시술설정 */
.custServi{width:100%;margin:0;padding:25px;box-sizing:border-box}
.custServi .custServiBox1{padding:0 0;margin:0}
.custServi .custServiBox1 .input-group{padding:0}
.custServi .custServiBox1 .col-md-5{flex:0 0 25%;max-width:25%;padding:0}
.custServi .custServiBox1 .col-md-7{flex:0 0 75%;max-width:75%;padding:0}
.custServi .custServiBox1 .col-md-5{flex:0 0 100%;max-width:100%;padding:0}
.custServi .custServiBox1 .col-md-7{flex:0 0 100%;max-width:100%;padding:0}
.custServi .custServiBox1 .col-md-5 .form-group{width:50%;margin:0;margin-bottom:10px;float:left}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(1){margin-bottom:90px}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2){width:50%;position:absolute;top:55px}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(3){width:50%;position:relative;top:-50px}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2) > div.col-8 > select{width:50%;float:left}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2) > div.col-8 > div.kt-checkbox-inline > label.kt-checkbox.checkbox-primary{float:left;margin:-6px 0 0 10px}
.custServi .custServiBox1 .col-md-5 .form-group .col-4{flex:0 0 15%;max-width:15%;padding-left:0;padding-right:0}
.custServi .custServiBox1 .col-md-5 .form-group .col-8{flex:0 0 85%;max-width:85%}
.custServi .custServiBox1 .newCustm table{margin-bottom:0}
.custServi .custServiBox1 .newCustm table tr:nth-of-type(1){background:#edf5ff}
.custServi .custServiBox1 .newCustm table tr:nth-of-type(1) > th > label{margin-bottom:0}
.custServi .custServiBox1 .newCustm table tr th, .custServi .custServiBox1 .newCustm table tr td{padding:0.4rem}
.custServi .custServiBox1 .col-md-7 .custMenuWrap{border-radius:5px}
.custServi .custServiBox1 .col-md-7 .custMenuIn{margin:0;padding:0 !important}
.custServi .custServiBox1 .col-md-7 .custMenuIn > ul{width:100%;border-bottom:2px solid #ededed;margin-bottom:20px}
.custServi .custServiBox1 .col-md-7 .custMenuIn > ul > li{width:16.66%;text-align:center;border:1px solid #e1e1e1;border-radius:5px 5px 0px 0px}
.custServi .custServiBox1 .col-md-7 .custMenuIn > ul > li > a{line-height:25px;font-size:0.9em;color:red}
/* 2차카테고리 */
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link,
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link{color:#333}
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link:hover,
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link.active{background:#4e546a;color:#fff;font-weight:bold;border:1px solid #4e546a;border-bottom:1px solid #4e546a}
.custMenuWrap > .custMenuDepth2Ul{background:#4E546A1A;border-radius:24px}
.custMenuWrap .custMenuDepth2Ul .category-menu-sub {
border-radius:24px;
padding:8px 20px 8px 20px;
font-weight:600;
margin-left:10px;
margin-right:10px;
color:#999999;
cursor:pointer;
border:1px solid #ecedef;
}
.custMenuDepth2Ul::-webkit-scrollbar {
width:4px;
height:4px;
}
.custMenuDepth2Ul::-webkit-scrollbar-thumb {
background-color:grey;
border-radius:10px;
background-clip:padding-box;
border:1px solid transparent;
}
.custMenuDepth2Ul::-webkit-scrollbar-track {
background-color:#e7e7e7;
border-radius:10px;
box-shadow:inset 0px 0px 5px white;
}
.custMenuWrap .custMenuDepth2Ul .category-menu-sub:hover {
background:#ffffff;
border:1px solid #4f5468;
color:#4E546A;
border-radius:24px;
}
.custMenuWrap .custMenuDepth2Ul .active {
background:#ffffff;
border:1px solid #4f5468;
color:#4E546A;
border-radius:24px;
}
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link, .custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link{padding:8px 4px}
.custMenuDepth2Ul{width:100%; overflow:auto; background:#4E546A1A; border-radius:24px}
.custMenuWrap .custMenuDepth2Ul td{border:none}
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuDepth2Ul .nav-link,
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuDepth2Ul .nav-link{border:2px solid #d9d9d9;color:#333;font-size:17px;padding:10px}
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,
.custMenuWrap .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active{background:#f5ffef;color:#0f351b;font-weight:bold;border:2px solid #4fba6f}
.custServi .custServiBox1 .col-md-7 .custMenuWrap .custMenuDepth2{margin:0 0 17px;padding:0 !important}
.custServi .custServiBox1 .col-md-7 .custMenuWrap .custMenuDepth2 ul{margin:0;padding:0}
.custServi .custServiBox1 .col-md-7 .custMenuWrap .custMenuDepth2 ul > li{flex:0 0 20%;max-width:20%}
.custServi .custMenuDepth3 .custMenuDepth3Box{margin:0 0 15px}
.custServi .custMenuDepth3 .custMenuDepth3Box > div{flex:0 0 20%;max-width:20%}
.custServi .custMenuDepth3 .custMenuDepth3Box label{background:#eeeffc;cursor:pointer}
.custServi .custMenuDepth3 .custMenuDepth3Box label:hover{background:#ff8900}
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head > span{color:#222;font-size:15px}
.custServi .custMenuDepth3 .custMenuDepth3Box label:hover .kt-option__head > span{color:#fff}
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head,
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head > span,
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus > span{display:block;min-width:100%}
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus,
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus.sisul > span{text-align:right;font-size:16px;font-weight:bold}
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus:before,
/*.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus.sisul > span:before{content:"";display:inline-block;width:18px;height:18px;background:url(../../assets/media/won.png)no-repeat 0 0;position:relative;top:3px;right:5px}*/
.custServi .custMenuDepth3 .custMenuDepth3Box label .kt-option__head .kt-option__focus.sisul:before{display:none}
.custServi .custMenuDepth3 .priceCutTxt{font-size:14px;font-weight:normal;color:#5867dd}
.custServi .custOddList tbody > tr:nth-of-type(1){color:#676a6c}
.custServi .custOddList tbody > tr:nth-of-type(1) > th > label{margin-bottom:0}
.custServi .custOddList td{padding:0.5rem}
.custServi .custOddList .btn-success{background:#51d377;border-color:#51d377}
.custServi .custOddList .btn-success:hover{background:#009a2d}
.custServi .custOddList{font-size:13px}
.custServi .custOddList .productsPriceV {border:0px;background:#fff}
.custServi .sisul-memo .text-area {border:1px solid #D9D9D9;padding:10px;border-radius:5px}
.custServi .sisul-memo .sisul-memo-font-size{font-size:13px}
.custServi .sisul-memo textarea{padding-top:10px;width:100%;outline:none;border:none;resize:none}
.custServi .custOddList th{border:none}
.custServi .custOddList td .input-group-sm{display:inline-block}
.custServi .custOddList td .input-group-sm > .input-group-prepend > .btn,
.custServi .custOddList td .input-group-sm > .input-group-append > .btn{padding:0.1rem 0.7rem}
.custServi .custOddList .input-group-plus{padding:5px 0px 5px 0px;display:inline-block}
.custServi .custOddList .input-group-plus img{cursor:pointer}
.custServi .custOddList .input-group-minus{padding:5px 0px 5px 0px;display:inline-block}
.custServi .custOddList .input-group-minus img{cursor:pointer}
.custServi .custOddList .added-goods-qty{background:#fff;border:none;padding:0px;display:inline-block}
.custServi .custOddList .added-products-qty{background:#fff;border:none;padding:0px;display:inline-block}
.custServi .custOddList .added-couponpass-qty{background:#fff;border:none;padding:0px;display:inline-block}
.custServi .custOddList .added-couponcount-qty{background:#fff;border:none;padding:0px;display:inline-block}
.custServi .custOddList .added-etcproducts-qty{background:#fff;border:none;padding:0px;display:inline-block}
.custServi .custOddList th{color:#999999;font-weight:400}
.custServi .custOddList tr td {color:#4E546A;font-weight:400}
.custServi .custOddList tr td input{min-width:100px}
.custServi .btLastPay > div{margin:0;padding:0;background:#fff6f6;border:1px solid #ffdfdf;border-radius:5px}
.custServi .btLastPay > div label, .custServi .btLastPay > div input{font-size:16px;font-weight:bold;color:#222;background:transparent;border:none}
.custServi .btLastPayBtn button{font-size:15px}
.custServi .btLastPayBtn .payBtnInput{background:#fff;color:#ffb02a;border:1px solid #ffb02a;width:135px} /*예약입력*/
.custServi .btLastPayBtn .payBtnInput:hover{background:#ffb02a;color:#fff; border:1px solid #ffb02a}
.sphov{background:#ffb02a;color:#fff; border:1px solid #ffb02a}
.custServi .btLastPayBtn .payBtnCompl{background:#fff;color:#23C08D;border:1px solid #23C08D;width:135px} /*시술완료*/
.custServi .btLastPayBtn .payBtnCompl:hover{background:#23C08D;color:#ffffff;border:1px solid #23C08D;width:135px}
.custServi .btLastPayBtn .payBtnChek{background:#fff;color:#5867dd;border:1px solid #5867dd; width:135px} /*예약확인*/
.custServi .btLastPayBtn .payBtnChek:hover{background:#5867dd;color:#fff}
.custServi .btLastPayBtn .payBtnX{border-color:#FC5060;color:#FC5060;background:#fff;width:135px} /*예약취소*/
.custServi .btLastPayBtn .payBtnX:hover{background:#FC5060;color:#fff}
.custServi .btLastPayBtn .payBtnBad{border-color:#4E546A;color:#4E546A;background:#fff;width:135px} /*노쇼*/
.custServi .btLastPayBtn .payBtnBad:hover{background:#4E546A;color:#fff}
.custServi .btLastPayBtn .payBtnMemo{background:#ff7bac;color:#ff7bac;border:1px solid #ff7bac;background:#fff; width:135px} /*시술메모수정*/
.custServi .btLastPayBtn .payBtnMemo:hover{background:#ff7bac;color:#fff}
/*.custServi .btLastPayBtn .payBtnInput{background:#fff;color:#ffb02a;border:1px solid #ffb02a;width:135px}*/
/*.custServi .btLastPayBtn .payBtnInput:hover{color:#fff;border:1px solid #ffb02a}*/
/* 최근이용내역 */
.latelyList .form-group h3{margin-right:50px}
.latelyList .form-group .kt-option{padding:2px 10px;margin:2px 6px 0 0;border:1px solid #5867dd;border-radius:3px;cursor:pointer}
.latelyList .form-group .kt-option:hover{background:#5867dd}
.latelyList .form-group .kt-option .kt-option__title{color:#5867dd;font-size:13px}
.latelyList .form-group .kt-option:hover .kt-option__title{color:#fff}
.latelyList .latelyTable{margin-top:10px}
.latelyList .latelyTable > tbody > tr:nth-of-type(1){background:#edf5ff;color:#676a6c}
.latelyList .latelyTable > tbody > tr:nth-of-type(1) > th:last-of-type{color:#212529}
.latelyList .latelyTable > tbody > tr:nth-of-type(1) > th > label{margin-bottom:0}
.latelyList .latelyTable > tbody > .point-list-item{border-top:5px solid #edf5ff}
.latelyList .latelyTable > tbody > .point-list-item > td:last-of-type{background:#fff7e2;font-weight:600}
.latelyList .latelyTable > tbody > tr
.latelyList .latelyTable > tbody > .point-list-item a.badge-warning,
.latelyList .latelyTable > tbody > .point-list-item a.badge-warning{background:#dc4e41;border-color:#dc4e41;color:#fff}
.latelyList .latelyTable > tbody > .point-list-item a.badge-warning:hover,
.latelyList .latelyTable > tbody > .point-list-item a.badge-warning:focus{background:#c63224}
.latelyListWrap .col-md-3 .kt-portlet .kt-portlet__head{padding:20px 25px;border-bottom:1px solid #eee}
.latelyListWrap .kt-portlet .kt-portlet__head .titType1{font-size:18px ;font-weight:bold;color:#48465b}
.latelyListWrap .col-md-3 .kt-portlet .kt-portlet__body{padding-top:0}
.latelyListWrap .col-md-3 .kt-portlet .kt-portlet__head .kt-portlet__head-toolbar button{font-size:14px}
.latelyListWrap .col-md-3 .kt-widget6 .kt-widget6__body div, .latelyListWrap .col-md-3 .kt-widget6 .kt-widget6__body div > span{font-size:14px}
.latelyListWrap .col-md-3.chuchon .kt-portlet .kt-portlet__head{padding:25px 25px}
.latelyListWrap .col-md-3.chuchon .kt-portlet .kt-portlet__body{padding-top:10px}
.latelyTbDel.on,
.latelyTbDel.on + tr,
.latelyList .latelyTable > tbody > .latelyTbDel.on > td:last-of-type{background:#efefef;font-weight:100}
.latelyTbDel.on{border-top:5px solid #e7e7e7 !important;text-decoration:line-through}
.latelyTbDel.on > td:first-of-type{text-decoration:none}
.latelyTbDel.on + tr{font-weight:500}
.latelyTbDel.on th, .latelyTbDel.on td{border:1px solid #fff;padding-top:5px;padding-bottom:5px}
/* 상품등록관리 */
.btCate .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link:hover,
.btCate .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs.custMenuInTab .nav-link.active{background:#5867dd;color:#fff;border:1px solid #5867dd;border-bottom:1px solid #303da0}
.btCate .depth2svP .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link,
.btCate .depth2svP .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link{border:1px solid #d9d9d9 !important;padding:12px !important}
.btCate .depth2svP .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link:hover,
.btCate .depth2svP .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link.active{background:#f5ffef;color:#0f351b;font-weight:bold;border:1px solid #4fba6f !important}
.btCate table.table.table-bordered > thead > tr:nth-of-type(1){background:#fff6eb}
.btCate .btn-success{background:#51d377;border-color:#51d377}
.btCate .btn-success:hover{background:#009a2d;border-color:#009a2d}
.btCate .btn-primary{background:#ffbb49;border-color:#ffbb49}
.btCate .btn-primary:hover{background:#ff962a;border-color:#ff962a}
.btCate .cateDep1 .nav-tabs.nav-tabs-line.nav.nav-tabs .nav-link,
.btCate .cateDep1 .nav-tabs.nav-tabs-line a.nav-link{border:1px solid #dee2e6;border-bottom-color:#5867dd}
.btCate .btCateIn .form-group .col-md-9{flex:0 0 85%;max-width:85%}
.btCate .btCateIn .form-group .col-3,
.btCate .btCateIn .form-group .col-md-3{flex:0 0 15%;max-width:15%}
.btCate .btCateIn .form-group .col-md-9 .nav-tabs .col-md-3{flex:0 0 20%;max-width:20%}
.btCate .btCateIn .nav-tabs.nav-tabs-line .nav-item{margin-right:0}
.modalWidth{max-width:600px}
.PdRgtn .sTxt{font-size:0.8rem}
.pointNecss{color:red !important;font-weight:normal !important}
.pointTitle{position:absolute;right:3%;top:45px;font-size:12px;color:#999}
.pointNecssBtn{padding:0.6rem 1.25rem 1.25rem !important}
/* 매장관리 > 기본정보설정 */
.btStoreSet .btStoreInfo{overflow-x:auto}
.btStoreSet .btStoreInfo .table > tbody > tr:nth-of-type(1) > td{min-width:150px}
.btStoreSet .btStoreInfo .table > tbody > tr:nth-of-type(1) > td:nth-of-type(even){background:#f3f3fd}
.btStoreSet .btStoreInfo .table > tbody > tr:nth-of-type(n+2) > td:nth-of-type(odd){background:#f3f3fd}
.btStoreSet .btStoreInfo .table > tbody > tr:last-of-type > td:nth-of-type(n){background:#fff}
.btStoreSet .kt-portlet__head-title:before{content:"";display:inline-block;width:3px;height:18px;background:#5867dd;position:relative;top:4px;margin-right:10px}
.btStoreSet .col-md-6 .input-group .input-group-append .btn-primary{background:#3d94fb;border-color:#3d94fb}
.btStoreSet .col-md-6 .input-group .input-group-append .btn-primary:hover{background:#0a77f9;border-color:#0a77f9}
.btStoreSet .btStoreInfo .form-control{font-size:0.9rem}
/* 매장관리 > 환경설정 */
.btStoreSet2 .table-responsive > .table-bordered > tbody > tr:nth-of-type(1){background:#fff}
.btStoreSet2 .kt-portlet{border:1px solid #eee;border-radius:5px}
.btStoreSet2 .kt-portlet .kt-portlet__head{background:#f3f3fd}
.btStoreSet2 .kt-portlet__head-title:before{content:"";display:inline-block;width:3px;height:18px;background:#5867dd;position:relative;top:4px;margin-right:10px}
/* 매장관리 > 사용메뉴얼 */
.list-section{margin-bottom:0}
.thumb-list{display:flex;flex-wrap:wrap;margin:0;padding:0}
.thumb-list li{list-style:none;display:flex;flex-wrap:wrap;flex-basis:20%;padding:0 15px 45px; align-content: flex-end;}
.thumb-list li .thumb-tit{font-size:16px;margin-bottom:10px}
.thumb-list .thumb-video{overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:180px}
.thumb-list .thumb-video::before,
.thumb-list .thumb-video::after{content:"";position:absolute;width:100%;height:100%}
.thumb-list .thumb-video::before{background:url(../media/icons/svg/btn_video.svg) no-repeat center}
.thumb-list .thumb-video::after{background-color:rgba(0,0,0,0.3)}
.thumb-list .thumb-video iframe{width:100%;height:100%}
.kg-manual .thumb-list li .thumb-tit {font-size: 14px;}
/* 매장관리 > 사용메뉴얼 > modal view */
.modal-open .modal-menu{overflow: hidden;background-color: rgba(0,0,0,.8);}
.modal .thumb-view{max-width:800px}
.modal .thumb-view .modal-content{border:0;border-radius:0;background-color:transparent; box-shadow:none}
.modal .thumb-view .modal-header{position:relative;padding:1.25rem 0;border-bottom:0}
.modal .thumb-view .modal-header .modal-title{font-size:1.8rem;color:#fff}
.modal .thumb-view .modal-header .close{margin:0;padding:1.25rem;position: absolute;top:10px;right: -20px;text-shadow:none;opacity: 1;}
.modal .thumb-view .modal-header .close::before{font-size:1.6rem;color:#fff}
.modal .thumb-view .modal-body{position:relative;height:450px;padding:0}
.modal .thumb-view .swiper {height:100%}
.modal .thumb-view .swiper-slide {background:#fff;text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
.modal .thumb-view .swiper-slide iframe{width:100%;height:100%}
.modal .thumb-view .swiper-button-prev,
.modal .thumb-view .swiper-button-next{top:22px;width:60px;height:100%;background:url(../media/icons/svg/arrowL_60.svg) no-repeat 0 center}
.modal .thumb-view .swiper-button-prev{left:-120px}
.modal .thumb-view .swiper-button-next {right:-120px;transform:rotate(180deg)}
.modal .thumb-view .swiper-button-next::after,
.modal .thumb-view .swiper-button-prev::after{content:none}
/* 정산 */
.btChart .table-responsive > .table-bordered > tbody > tr:nth-of-type(1){background:#fff}
.btChart .kt-section__content h3{font-size:18px;font-weight:600}
.btChart .kt-section__content h3:before{content:"";display:inline-block;width:3px;height:18px;background:#5867dd;position:relative;top:4px;margin-right:10px}
/* 푸시관리 */
.btPush .table-responsive > .table-bordered > tbody > tr:nth-of-type(1){background:#fff}
.btPush .table-responsive > .table-bordered > thead > tr:nth-of-type(1){background:#edf5ff}
/* 로그인 */
.btLogin .btLoginWrap{background:#f9f8fd/* url(../media/bg/bg-3.jpg) */}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container{width:640px;padding:55px 85px 75px;border-top:4px solid #5867dd;background:#fff;box-shadow:rgba(0,0,0,0.1)0px 2px 4px;border-radius:4px}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head .kt-login__title{color:#252525;font-weight:600}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo{width:300px}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo img{width:100%}
.btLogin .btn-brand{background:#5867dd;border-color:#5867dd}
.btLogin .btn-brand:hover, .btLogin .btn-brand:focus{background:#3541a0;border-color:#3541a0}
.btLogin .btn-brand.btnBtLogin{width:100%}
.btLogin .btn-brand.btn-join{background:#fff;color:#5867dd;border:none;height: 50px;box-shadow: 1px 6px 15px 0px rgba(88, 103, 221, 0.3);}
.btLogin .btn-brand.btn-join{background:#fff;color:#5867dd;border:none;height: 50px;box-shadow: 1px 6px 15px 0px rgba(88, 103, 221, 0.3);}
.btLogin .btn-brand.btn-join:hover, .btLogin .btn-brand.btn-join:focus {background:#fff;;border:none;box-shadow: 1px 3px 10px 0px rgba(88, 103, 221, 0.8);}
.btLogin .kt-login__wrapper .kt-login__container > div:last-of-type{left:calc(50% - 202.945px)}
/* 회원관리 */
.btGuest .kt-form .form-control{float:left;margin-right:5px}
.btGuest .kt-form button.btn.btn-primary{float:right;margin-left:5px}
/* 서비스이용약관 개인정보취급방침 */
.btPlicy{padding:60px 0;line-height:1.8rem}
.btPlicy h4{font-weight:600;color:#222;font-size:1.7rem}
.btPlicy h5{margin-bottom:10px;font-size:1.1rem;font-weight:600}
.btPlicy h5:before{content:"";display:inline-block;width:8px;height:8px;background:#5867dd;position:relative;top:-3px;margin-right:8px;border-radius:50%}
.snbLOpenBtn-title { display: none;}
/******************************** media queries start ********************************/
@media (max-width:1800px) {
/* header */
.btHead .btHeadWrap .btGnb > li{padding-right:30px}
}
@media (max-width:1600px) {
/* 매장관리 > 사용메뉴얼 */
.thumb-list li{flex-basis:calc(100%/4)}
}
@media (max-width:1500px) {
/* header */
.btHead .btHeadWrap .btGnb > li{padding-right:20px}
/* container */
.btContainer .btContWrap .btContIn .btContInIn{padding:0}
.btSnb > .btSnb3 .btSnb3LastWrap > a:nth-of-type(1){margin-left:0}
.latelyListWrap .col-md-3{flex:0 0 50%;max-width:50%}
/* .btCustomerIn3{-webkit-box-orient:inherit;border:5px solid red;box-sizing:border-box}
.btCustomerIn3 .table{-webkit-box-orient:inherit;border:5px solid blue;box-sizing:border-box} */
}
@media (max-width:1400px) {
.btHead .btHeadWrap .btGnb > li{padding-right:0}
.btSnb > .btSnb1 .btSnb1Btn > div .btBtnType{width:100%}
}
@media (max-width:1300px) {
/* header */
.btHead .btHeadWrap .btLogoWrap{width:15%}
.btHead .btHeadWrap .btGnbWrap{width:85%}
.btHead .btHeadWrap .btLogoWrap > div > a > img{width:95%}
/* 매장관리 > 사용메뉴얼 */
.thumb-list li{flex-basis:calc(100%/3)}
}
@media (max-width:1200px) {
.btHead .btHeadWrap .btGnb > li.kt-menu__item > a.kt-menu__link{padding:0.75rem 0.8rem}
.btHead .btHeadWrap .btGnb > li > a.kt-menu__link > span.kt-menu__link-text{font-size:14px}
}
/******************************* TABLET *******************************/
@media (max-width:1024px) {
html, body{font-size:14px}
/* header */
.btHead .btHeadWrap{height:0}
.btMbHead .kt-header-mobile__toolbar{position:absolute;right:15px;top:10px}
.btMbHead .kt-header-mobile__toolbar .kt-header-mobile__toolbar-toggler,
.kt-header-mobile .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler{margin:0}
/*.btMbHead .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler{margin:0 1rem 0 0}*/
.mbHeadIco{width:36px;height:36px}
.btMbHead .kt-header-mobile__toolbar .kt-header-mobile__toolbar-topbar-toggler .flaticon-more-1:before{content:"";display:block;width:36px;height:36px;background:url(../media/icon_customerSearch@2x.png);background-size:cover}
.btMbHead .kt-header-mobile__brand{margin:0 auto}
/* gnb */
.btHead .btHeadWrap .btGnb > li.kt-menu__item > a.kt-menu__link{padding:2rem}
.kt-header-menu-wrapper-close{width:40px;height:40px;left:-40px;background:rgba(0,0,0,0.8);border-radius:0}
.kt-header-menu-wrapper-close > i{color:#fff;font-weight:bold}
.kt-header-menu-wrapper-close .la-close:before{font-size:25px}
/* .kt-header-menu-wrapper--on .kt-header-menu-wrapper-close{left:275px} */
.btHead .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow:before,
.btHead .kt-header-menu-mobile .kt-menu__nav .kt-menu__item.kt-menu__item--open > .kt-menu__link > .kt-menu__ver-arrow:before{font-size:18px}
.btHead .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item .kt-menu__submenu .kt-menu__item > .kt-menu__link .kt-menu__link-text{color:#3f4363;font-size:1.1rem}
.btHead .kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__submenu .kt-menu__subnav > .kt-menu__item > .kt-menu__link{padding:25px 30px 25px 45px}
/* snbL */
.btContainer .btContWrap .btContIn .btContL{position:fixed;flex:0 0 100%;max-width:100%;height:100%;z-index:102;background:#f9f8fd;padding:20px;left:-100%;top:0;transition:all 0.0s linear}
.btContainer .btContWrap .btContIn .btContL.on{left:0}
/* .btSnb .snbLClose{position:absolute;right:0px;top:0;width:30px;height:30px;font-size:30px;z-index:101;background:url(../media/mb_btn_close.png)} */
.snbLOpenBtn{display: block;z-index: 101;position: absolute;right: 58px;top: -6px;font-size: 1.6rem;color: #d1d5e2;line-height: 60px;margin-bottom: 0;}
.snbLOpenBtn-title{display:block;z-index:101;color: #3a3a3a;font-weight: 600;position:fixed;left:20px;top:18px;font-size:1.5rem;margin-bottom:0}
.mbSnbLBack{display:none;width:100%;height:100%;position:fixed;z-index:100;top:0;left:0;background:rgba(0,0,0,0.8)}
.mbSnbLBack.on{display:block}
/*btContR*/
.btContainer .btContWrap .btContIn .btContR{flex:0 0 100%;max-width:100%;padding-left:0}
.btCustomer .kt-portlet__body .kt-widget__top{position:relative}
.btCustomer .btCustomerIn1{flex:0 0 30%;max-width:30%;position:absolute;left:0;top:0}
.btCustomer .btCustomerIn1 .btGender{width:70px}
.btCustomer .btCustomerIn1 .kt-block-inline{display:block}
.btCustomer .btCustomerIn2{flex:0 0 70%;max-width:70%;margin-left:30%;margin-bottom:25px;min-height:125px}
.btCustomer .btCustomerIn3{flex:0 0 100%;max-width:100%;overflow-x:auto}
.btCustomer .btCustomerIn4{flex:0 0 100%;max-width:100%;padding-left:0}
.btCustomer .kt-widget.kt-widget--user-profile-3 .kt-widget__top{flex-direction:column}
.btCustomerIn3 .table{overflow-x:auto;font-size:12px}
.btCustomerIn3 .table th, .btCustomerIn3 .table td{white-space:inherit}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(1){width:100%;margin-bottom:5px}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2){width:100%;position:inherit;top:0}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(3){width:100%;top:0}
.btContIn .form-inline{padding:20px 0}
.btGuest.kt-portlet .kt-portlet__head{padding:15px}
/* 상품등록관리 */
.btCate .btCateIn .form-group .col-md-9,
.btCate .btCateIn .form-group .col-3,
.btCate .btCateIn .form-group .col-md-3{flex:0 0 100%;max-width:100%}
.btCate .btCateIn .nav-tabs.nav-tabs-line .nav-item{margin-bottom:10px}
.btCate .btCateIn .form-group .col-md-9 .nav-tabs .col-md-3{flex:0 0 50%;max-width:50%}
.btCate .btCateIn .depth2svP .form-group .col-md-9,
.btCate .btCateIn .depth2svP .form-group .col-md-9 > ul{padding:0}
/* 매장관리 > 사용메뉴얼 */
.thumb-list li{flex-basis:50%}
.modal .thumb-view{max-width:600px}
.modal .thumb-view .modal-body{height:338px}
.modal .thumb-view .swiper-button-prev,
.modal .thumb-view .swiper-button-next{background-size:50%}
.modal .thumb-view .swiper-button-prev {left:-60px}
.modal .thumb-view .swiper-button-next{right:-60px}
/* 정산 */
.btChart > .kt-portlet__body > .kt-section > .kt-section__content > .row > .col-6{flex:0 0 100%;max-width:100%}
/* main left Menu */
.btSnb > .btSnb1 .btSnbLogin .btTxtBlue{padding-right:40px}
}
/****************************** MOBILE ******************************/
@media (max-width:767px) {
/* 매장관리 > 사용메뉴얼 */
.modal .thumb-view .swiper-button-prev,
.modal .thumb-view .swiper-button-next{display:none}
}
@media (max-width:640px) {
.custServi .custServiBox1 .col-md-7{margin-top:20px}
.custServi .custServiBox1 .col-md-7 .custMenuIn > ul > li{width:33.333%;border-bottom:1px solid #e5e5e5;border-bottom-width:unset !important}
.custServi .custServiBox1 .col-md-7 .custMenuWrap .custMenuDepth2 ul > li{flex:0 0 50%;max-width:50%}
.custServi .custMenuDepth2 .kt-section__content .col-md-12{padding:0}
.custServi .custMenuDepth3 .custMenuDepth3Box > div{flex:0 0 50%;max-width:50%}
.latelyList .form-group h3{margin-right:calc(100% - 125px)}
.btCate .depth2svP .nav-tabs.nav-tabs-line.nav-tabs-line-brand.nav.nav-tabs .nav-link{padding:5px !important}
.latelyListWrap .col-md-3{flex:0 0 100%;max-width:100%}
.btSnbSettingInfo .cm7{border-top:none !important}
/* 로그인 */
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper{margin:0;padding:0}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container{width:100%;padding:15% 8%}
.btLogin .kt-login__wrapper .kt-login__container > div:last-of-type{position:inherit;margin-top:50px !important}
.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo,
.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head{margin-bottom:30px}
/* 매장관리 > 사용메뉴얼 */
.kg-manual .kt-portlet__body{padding:15px 0}
.thumb-list li{flex-basis:100%}
.thumb-list .thumb-video::before{background-size:80px;}
.modal .thumb-view{padding:2%}
.modal .thumb-view .modal-header .modal-title{font-size:18px}
.modal .thumb-view .modal-header .close{top: 4px;}
.modal .thumb-view .modal-body {height:40vh}
}
@media (max-width:480px) {
.btCustomer .btCustomerIn1{flex:0 0 50%;max-width:50%}
.btCustomer .btCustomerIn2{flex:0 0 50%;max-width:50%;margin-left:40%;margin-bottom:25px;min-height:125px}
/* 매장관리 > 사용메뉴얼 */
.modal .thumb-view .modal-body {height:25vh}
}
@media (max-width:445px) {
.custServi .custServiBox1 .col-md-5 .form-group .col-4{flex:0 0 20%;max-width:20%}
.custServi .custServiBox1 .col-md-5 .form-group .col-8{flex:0 0 80%;max-width:80%}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2) > div.col-8 > select{width:100%}
.custServi .custServiBox1 .col-md-5 div.form-group:nth-of-type(2) > div.col-8 > div.kt-checkbox-inline > label.kt-checkbox.checkbox-primary{margin:5px 0 0;float:none}
}
.slash {
background:url('data:image/svg+xml;utf8,');
}
.backslash {
background:url('data:image/svg+xml;utf8,');
}
.couponcount-modal-wrap {
padding:0px;
height:300px;
overflow:auto;
padding-right:10px;
}
.couponcount-form {
display:flex;
align-items:center;
width:100%;
border:1px solid #e1e1e1;
border-radius:0.3rem;
padding:15px;
margin-bottom:15px;
}
.couponcount-form-left {
width:60%;
}
.couponcount-form-right {
text-align:center;
width:40%;
margin:0 auto;
}
.couponcount-form-title {
font-size:1.1rem;
font-weight:bold;
}
.couponcount-form-qty {
font-size:0.8rem;
padding-top:10px;
}
.couponcount-form .btn-success {
background:#51d377;
border-color:#51d377;
}
.couponcount-form .btn-success:hover {
background:#009a2d;
}
/* new design 2022-05-26 YJB */
/* LEFT MENU */
.btSnb1 .icon-logout{position:absolute; right:20px; cursor:pointer}
.btSnb1 .btTxtRed{color:#FC5060; font-weight:600}
.BarT-1{color:#999999; font-size:14px; vertical-align:top}
.btSnb1 .btSnbForm{padding-top:10px }
.btnExtension{cursor:pointer; background:#FC506026; color:#FC5060; text-align:center; font-weight:bold; padding:7px;border-radius:0px 0px 10px 10px}
.btnExtension a{color:#FC5060}
.btSnb2 .carouselForm{padding:0px !important}
.btSnb3 .slc-form{padding:15px}
.btSnb3 .slc-form-today{float:left; border:1px solid #303030; font-size:12px; border-radius:5px; padding:2px 5px 2px 5px; font-weight:400; cursor:pointer;position: absolute;left: 15px;top: 15px;width: 50px;}
.btSnb3 .slc-form-resnot{float:right; border:1px solid #FC5060; color:#FC5060; font-size:12px; border-radius:5px; padding:2px 5px 2px 5px; font-weight:400; cursor:pointer; position: absolute;right: 15px;top: 10px;width: 50px;line-height:14px}
.btSnb3 .cal-date{font-weight:600}
.slc-form .arrow-right:after {
content:'';
display:inline-block;
width:0.8rem;
height:0.8rem;
margin-right:0.5rem;
border-top:0.1rem solid #000;
border-right:0.1rem solid #000;
transform:rotate(45deg);
}
.slc-form .arrow-left:after {
content:'';
display:inline-block;
width:0.8rem;
height:0.8rem;
margin-left:0.5rem;
border-top:0.1rem solid #000;
border-right:0.1rem solid #000;
transform:rotate(226deg);
}
.btSnb3List .nav-tabs .nav-link{font-size:12px}
.btSnb3List .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{background-color:#4e546a; color:#fff !important}
.btSnb3List .nav-item{color:#4E546A !important}
.btSnb3List .nav-link{padding:0.3rem !important}
.btSnb3List .table-responsive2{width:100%}
.btSnb3List .table-responsive2 tr th{font-weight:400 !important; font-size:14px !important; text-align:center}
.btSnb3List .nav-tabs{margin:0px !important}
.btSnb3TabList .done{background:#edeef0;color:#a6a9b4}
.btSnb3TabList .status-font{font-weight:600}
.btSnb3TabList .new > .status-font{color:#23C08D}
.btSnb3TabList table tr{border-bottom:1px solid #e1e1e1}
.btSnb3TabList table tr th{font-size:12px}
.btSnb3TabList table tr td{font-size:12px; text-align:center; padding-top:5px;padding-bottom:5px}
/* 이번달 Sales statistics */
.kt-wrap__body{padding:10px; padding-top:17px}
.kt-wrap__body .kt-title{font-size:16px;font-weight:600;margin-bottom:10px}
.kt-wrap__body .kt-title:before {
content:"";
display:inline-block;
width:3px;
height:18px;
background:#23C08D;
position:relative;
top:3px;
margin-right:10px;
}
.kt-wrap__body .kt-title::after{content:"";display:block;clear:both;}
.btSnbSalesInfo .today{color:#4E546A;font-weight:500; padding-bottom:10px}
.btSnbSalesInfo .info-wrap{}
.btSnbSalesInfo .info-wrap-form .left,.right {
padding:9px;
background:#F6F6F6;
width:49%;
display:inline-block;
border-radius:5px;
margin-bottom:5px;
font-size:13px;
width: 100%;
}
.btSnbSalesInfo .info-wrap-form .iw-left{color:#787878; font-size: 14px;}
.btSnbSalesInfo .info-wrap-form .iw-right{color:#5866DD;float:right;font-weight:600}
.btSnbSalesInfo .info-wrap-form .right{float:right}
.btSnbSalesInfo .info-wrap-form-2 .center {
padding:9px;
background:#EEEFFC;
width:100%;
display:inline-block;
border-radius:5px;
margin-bottom:5px;
}
.btSnbSalesInfo .info-wrap-form-2 .iw-left{color:#1A1A1A; font-weight:600}
.btSnbSalesInfo .info-wrap-form-2 .iw-right {color:#5866DD;float:right;font-weight:600}
.btSnbSalesInfo .info-wrap-form-3 .center {
padding:9px;
background:#F6F6F6;
width:100%;
display:inline-block;
border-radius:5px;
margin-bottom:5px;
}
.btSnbSalesInfo .info-wrap-form-3 .iw-left{color:#787878; }
.btSnbSalesInfo .info-wrap-form-3 .iw-right {color:#5866DD;float:right;font-weight:600}
.btSnbGuestInfo .info-wrap-form-3 .center {
padding:9px;
background:#F6F6F6;
width:100%;
display:inline-block;
border-radius:5px;
margin-bottom:5px;
}
.btSnbGuestInfo .info-wrap-form-3 .iw-left{color:#787878; }
.btSnbGuestInfo .info-wrap-form-3 .iw-right {color:#5866DD;float:right;font-weight:600}
/* 고객 프로필 */
.btSnbGuestInfo .profile-img {
float:left;
width:35%;
position:relative;
}
.btSnbGuestInfo .profile-img img {
width:100%;
}
.btSnbGuestInfo .profile-img .join-date{text-align:center; font-size:12px; color:#878787}
.btSnbGuestInfo .profile-info {
float:right;
width:65%;
text-align:left;
padding-left:10px;
line-height:12px;
padding-top:3px;
padding-bottom:3px;
}
.btSnbGuestInfo .profile-info .profile-info-code{color:#999999}
.btSnbGuestInfo .profile-info .profile-info-name{font-size:18px;color:#4E546A;font-weight:600}
.btSnbGuestInfo .profile-info .profile-info-phone {
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
/* line-height:26px; */
padding-bottom:10px;
color:#4E546A;
}
.btSnbGuestInfo .profile-info .profile-info-name img{vertical-align:baseline;padding-left:5px;cursor:pointer}
.btSnbGuestInfo .kt-profile{margin-bottom:10px}
.btSnbGuestInfo .profile-memo .text-area {
border:1px solid #D9D9D9;
padding:10px;
border-radius:5px;
margin-top:15px;
}
.btSnbGuestInfo .profile-memo textarea{padding-top:10px; width:100%; outline:none;border:none; resize:none}
.btSnbGuestInfo .profile-memo-font-size{font-size:13px}
.btSnbGuestInfo .profile-push {
background:#def6ee;
text-align:center;
color:#23C08D;
font-weight:600;
padding:8px;
border-radius:0px 0px 5px 5px;
margin-top:10px;
cursor:pointer;
}
/* 쿠폰 회수권 */
.btSnbCouponCount .cc-form {
text-align:center;
display:block;
background:#fffaf3;
padding:10px;
margin:10px;
border-radius:5px;
border:1px solid #FD9C1B;
cursor:pointer;
}
@media (max-width:400px) {
.btSnbCouponCount .cc-form * {
font-size: 12px;
}
}
.btSnbCouponCount .cc-form .cc-form-title {
font-weight:600;
font-size:14px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.btSnbCouponCount .cc-form .cc-form-count{color:#FD9C1B; font-weight:400; font-size:13px}
/* 프렌차이즈 공지사항 */
.reply-wrap .card .reply-btn {
float:right;
}
.reply-wrap .card-body {
padding-right:0px !important;
}
/* 프렌차이즈 공지사항 리플 */
.reply-form{padding:10px}
.reply-form .card{border:2px solid #d3d3d3}
.reply-wrap .card{border:2px solid #d3d3d3}
.reply-wrap .cardIn{border-left:none !important; border-right:none !important; border-bottom:none !important}
.reply-wrap .reply-btn {
display:block;
position:absolute;
top:17px;
right:10px;
}
.reply-wrap .list-group-item{padding:0px}
.reply-wrap .cardIn .list-group-item{padding-right:20px}
.reply-wrap .reply-all{display:none}
.reply-wrap .edit-all{display:none}
/* 결제 페이지 */
.payment-info {margin-top:30px}
.payment-info .pi-p {margin-top:30px}
.payment-info .pi-p p {font-size:16px;font-weight:600;margin-bottom:0px}
.payment-info .pi-g {color:#454545;margin-top:10px;font-size:15px}
.payment-cont {margin-top:30px}
.payment-wrap{border:1px solid #D9D9D9}
.payment-wrap .cpw{margin-top:15px}
.payment-wrap .cpw-r{background:#fdedf3 !important; color:#F04D8E !important}
.payment-wrap .cpw-1 {font-size:18px;font-weight:500;color:#454545}
.payment-wrap .cpw-2 {
background:#eeeffc;
color:#5866DD;
border-radius:11px;
font-size:12px;
padding:2px 8px 2px 8px;
margin-left:7px;
font-weight:500;
}
.payment-wrap .cpo-r{color:#F04D8E !important}
.payment-wrap .cpo-1 {text-decoration:line-through;color:#AAAAAA;font-size:16px}
.payment-wrap .cpo-2 {color:#5866DD;font-size:24px;font-weight:400;margin-left:10px}
.payment-wrap .cpg{margin-top:10px}
.payment-wrap .cpg-1 {font-size:16px;font-weight:500;color:#454545}
.payment-wrap .crg-btn {margin-top:50px}
.payment-wrap .crg-btn button{font-size:18px;padding:17px}
.payment-wrap .crg-info {margin-top:30px}
.payment-wrap .crg-info p {color:#999999}
.payment-wrap .card-title{font-size:20px;margin-bottom:38px; color:#000;text-align: center;}
/* 시술 결제 */
.smr-price-wrap {padding:10px}
.smr-price-wrap .text-title{background:#eeeffc; text-align:center; padding:10px; font-weight:500}
.smr-price-wrap .text-price{padding:10px}
.smr-price-wrap .text-price .tp-border{border:1px solid #e1e1e1;border-radius:5px}
.smr-price-wrap .form-control {border:none; background:#fff;text-align:center; font-weight:600}
.smr-price-wrap .text-price .tp-border .form-control{border:none;padding:0;}
.smr-price-wrap .text-price input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance:none;
margin:0;
}
.smr-price-wrap .text-price .tp-border .tp-number {
width:70%;
display:inline-block;
}
.smr-price-wrap .text-price .tp-border .tp-label {
}
.smt-price-wrap{padding-top:10px}
.total-pr-price {
background:#5866DD;
color:#fff;
text-align:center;
padding:10px;
border-radius:5px 5px 0px 0px;
}
.total-pr-title {
width:100%;
text-align:center;
border:1px solid #5866DD;
padding:25px 15px 25px 15px;
border-radius:0px 0px 5px 5px;
}
.total-pr-title input {
border:none;
color:#5866DD;
font-weight:600;
background:#fff;
width:75%;
display:inline-block;
text-align:right;
font-size:18px;
}
.total-pr-title span {
font-weight:bold;
font-size: 12px;
}
/* 시술 최근 이용 내역 */
.store-main-res-list {
margin-top:10px;
}
.store-main-res-list table tr th {
color:#999999;
font-weight:400;
border-top:none;
}
.store-main-res-list table tr td {
color:#1A1A1A;
font-weight:400;
}
.store-main-res-list .smrl-form p {
margin:5px;
}
.store-main-res-list .smrl-form .sf-new {}
.store-main-res-list .smrl-form .sf-normal {}
.store-main-res-list .smrl-form .sf-done{font-weight:600}
.store-main-res-list .smrl-form .sf-cancel{
border-radius:5px;
font-size:14px;
color:#1a1a1a;
padding:3px;
}
.store-main-res-list .collapses{border-bottom:1px solid #8f8f8f}
.store-main-res-list .ccb{border:1px solid #FC5060; background:#fff; color:#FC5060}
.store-main-res-list .ccb:hover{background:#FC5060; color:#fff}
.store-main-res-list .smlr-form{cursor:pointer}
.store-main-res-list-sub {}
.store-main-res-list-sub table tr th{background:#eeeffc;color:#4E546A;font-size:12px;font-weight:500}
.store-main-res-list-sub table tr th:first-child{border-radius:5px 0px 0px 5px}
.store-main-res-list-sub table tr th:last-child{border-radius:0px 5px 5px 0px}
.store-main-res-list-sub table tr td{font-size:12px}
.store-main-res-list-sub table{margin-bottom:0px}
.store-main-res-list-sub .table-sub{border-bottom:1px solid #e1e1e1}
/* 기본정보 설정 */
.btSnbSettingInfo .kt-info-sub-text{color:#999999; font-size:16px}
.btSnbSettingInfo .cm5{padding:20px; border-top:1px solid #e1e1e1; }
.btSnbSettingInfo .cm7{padding:20px; border-top:1px solid #e1e1e1; }
.btSnbSettingInfo .cho-bt{background:#23C08D;width:190px;border:1px solid #21ad7f}
.btSnbSettingInfo .setting-info-left input::placeholder{color:#999999; font-size:13px}
.btSnbSettingInfo label{color:#4E546A;font-weight:600}
.btSnbSettingInfo .form-group{margin-bottom:2rem !important}
.btSnbSettingInfo .search-addr{background:#4E546A; color:#fff; font-size:13px;cursor:pointer}
@media (max-width:640px) {
.btSnbSettingInfo .cm5{padding:0px; }
.btSnbSettingInfo .cm7{padding: 0px 20px 20px 20px;text-align: right; }
}
/* common */
.dot-line {border:1px dashed #999999}
.kt-portlet{border-radius:15px !important}
.clear-both{clear:both}
.font-size-12{font-size:10px; color:#464646}
.col8 {
width:14.285714285714285714285714285714%;
flex:none;
max-width:none;
padding:0px;
}
@media (max-width:640px) {
.col8 {
position:relative;
width:100%;
padding:0px;
}
.smr-price-wrap .text-price {
padding-top:0px;
}
}
.nmemos {
height:100px;
padding:10px;
width:100%;
outline:none;
border:1px solid #e1e1e1;
resize:none;
border-radius:5px;
}
.btSnbGuestInfo .nog {
float:right;
font-size:0.9em;
color:#686868;
display:none;
margin-top:2px
}
.btSnbGuestInfo .nogm {
font-size:0.7em;
}
.btSnbSalesInfo .collapse-m1-open {
float:right;
}
.btSnbSalesInfo .collapse-m2-open {
float:right;
}
.btSnbGuestInfo .collapse-m3-open {
}
/* 매장관리 - 세팅 - 추천인보상포인트 */
.btStoreSet2 .recommend_wrap {
}
.btStoreSet2 .recommend_wrap .recommend_li {
text-align:center;
font-size:17px;
padding:10px;
cursor:pointer;
}
.btStoreSet2 .recommend_wrap .active {
background:#e1e1e1;
text-align:center;
font-size:17px;
padding:10px;
}
.btStoreSet2 .collapse-m-all {
padding:10px;
padding-right:0px;
}
.latelyListWrap .coupon-refund {
float:right;
border:1px solid #ffaaaa;
padding:5px 15px 5px 15px;
border-radius:5px;
background:#ffe5e7;
color:#ff5959;
font-size:15px;
cursor:pointer;
font-weight:400;
}
@media (max-width:380px) {
.latelyListWrap .coupon-refund {font-size: 14px;}
}
.coupon-refund-btn {
margin:0 auto;
text-align:center;
border:1px solid #e1e1e1;
width:60px;
padding:5px;
border-radius:5px;
background:#ff7070;
color:#fff;
cursor:pointer;
margin-bottom:28px;
}
.cptitle {
font-size:17px;
font-weight:bold;
text-align:center;
border-bottom:1px solid #e1e1e1;
padding-bottom:12px;
}
.restime select {
padding:1px;
text-align:center;
background:#ededed;
}
/* fullcalendar */
.fc .fc-scrollgrid-section-sticky>th {
z-index:1;
}
.holiday {
opacity:0.4 !important;
}
.tag-input-form {
border:1px solid #e1e1e1;
padding:10px;
border-radius:3px;
margin-bottom:14px;
min-height:61px;
}
.tag-input {
background:#363636;
display:inline-block;
padding:5px;
color:#fff;
cursor:pointer;
border-radius:5px;
margin-bottom:8px;
margin-right:5px;
}
.tag-input:hover {
background:#646464;
}
.tag-input-x {
}
.btnSignComplete {
background:#fff;
color:#ef02db;
}
/* 문자 */
.makSms{}
.makSms input[type="radio"]{width:auto;height:auto}
.makSms textarea{border-radius:5px;padding:5px 10px;box-sizing:border-box}
.makSms textarea:focus{outline:none;border:1px solid #9da7f5}
.makSms .subCont{padding:40px 30px}
.makSms .contIn{position:relative}
.makSms .contIn .btnTypeWrap{z-index:1;position:absolute;right:0;top:85px}
.makSms .pushLine .dateWrap{margin-left:20px}
.makSms .btnType{display:block;font-weight:600;min-width:110px}
.makSms .pushLine{width:calc(100% + 60px);margin-left:-30px}
.makSms .pushLine .tMType1{margin-left:20px}
.makSmsWrap{}
.makSmsWrap:after{content:"";display:block;clear:both}
.makSmsWrap > div{float:left;box-sizing:border-box}
.smsKakaoMb{position:relative;width:300px;padding:22px;height:520px;background:url(./img/sub/img-kakao.png)no-repeat 0 0;background-size:100% 100%;margin-right:50px}
.smsMb{position:relative;width:300px;padding:22px;height:610px;background:url(./img/sub/img-sms.png)no-repeat 0 0;background-size:100% 100%;margin-right:50px}
.smsCditn{width:calc(100% - 350px)}
.smsCditn .btnType{margin-top:30px;float:right}
.smsMb .smsTit{width:100%;margin-top:25px}
.smsMb .smsTxt{width:100%;height:300px;margin-top:15px;border:none;background:#ebf5ff;border:1px solid #ebf5ff;color:#555;padding:5px 10px;box-sizing:border-box; resize:none}
.smsMb .smsTxt:focus{outline:none;border:1px solid #9da7f5}
.smsMb .smsFrm span {
padding-left:3px;
padding-right:3px;
/* text-decoration:underline; */
cursor:pointer;
color:#000000;
font-weight:400;
font-size:14px;
display:-webkit-inline-box;
padding-top:10px;
}
.smsMb .sms-content-byte {
text-align:right;
padding-right:9px;
font-size:16px;
font-weight:800;
}
.sms-wrap {
width:fit-content;
}
.smsListWrap{
padding:15px;
border-radius:5px;
}
.smsListWrap .add-list {
width:90px;
background:#4e546a;
color:#fff;
}
.smsListWrap .all-list-btn {
color:#4e546a;
border-color:#4e546a;
font-weight:500;
}
.smsListWrap .all-list-btn:hover {
color:#4e546a;
border-color:#4e546a;
font-weight:500;
}
.smsListWrap .clear-list{
color:#fc4f25;
border-color:#fc4f25;
font-weight:500;
}
.smsListWrap .clear-list:hover {
color:#fc4f25;
border-color:#fc4f25;
font-weight:500;
}
.minus-p {
color:#ff5f5f;
}
.smallFont {
font-size:12px;
}
.smsSettingWrap{
padding:15px;
}
.sms-btn-wrap {
text-align:right;
margin-bottom:20px;
}
.reserve-insert label {
font-weight:500;
}
.sms-send-list{
margin-top:10px;
height:300px;
overflow:auto;
}
.lh100 {
margin-bottom:42px;
}
.sms-send-list .slist {
border:1px solid #fff;
border-radius:4px;
margin-bottom:5px;
color:#000;
padding:15px;
border-bottom:1px solid #e1e1e1;
margin-left:20px;
margin-right:20px;
}
.dotwrap {
border-right:1px dashed #202020;
margin-right:24px;
padding-right:32px;
}
.sslist {
border:1px solid #333;
border-radius:5px;
margin-top:15px;
}
.tlist {
border:1px solid #fff;
border-radius:4px;
margin-bottom:5px;
color:#000;
border-bottom:1px solid #e1e1e1;
padding:15px;
margin-left:20px;
margin-right:20px;
}
.sowap {
width:90px;
background:#4e546a;
color:#fff;
}
.tlist-1 {
width:35%;
display:inline-block;
text-align:center;
}
.tlist-2 {
width:48%;
display:inline-block;
text-align:center;
}
.tlist-3 {
display:inline-block;
}
.elist {
background:#4e546a;
padding:20px;
text-align:center;
color:#fff;
font-size:15px;
font-weight:500;
}
.sms_use_cnt {
float:right;
font-size:15px;
padding-right:15px;
}
.ci_cnt {
font-size:19px;
color:#5866dd;
}
/* custom radio button */
.smsSettingWrap input[type=radio]{
width:0;
height:0;
position:absolute;
left:-9999px;
}
.smsSettingWrap input[type=radio] + label{
margin:0;
padding:0.75em 1.5em;
box-sizing:border-box;
position:relative;
display:inline-block;
border:solid 1px #DDD;
background-color:#FFF;
line-height:140%;
width:168px;
padding:14px;
text-align:center;
border-radius:40px;
box-shadow:0 0 0 rgb(255 255 255 / 0%);
transition:border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
cursor:pointer;
}
.smsSettingWrap input[type=radio]:checked + label{
background-color:#5866dd;
color:#FFF;
border-color:#5866dd;
z-index:1;
}
.smsSettingWrap .SwKakao input[type=radio]:checked + label{
background-color:#F9E003;
color:#371F1F;
border-color:#F9E003;
z-index:1;
}
.btn-kakao {
background:#371F1F;
}
.fa-times-circle:before {
color:#dd5858 !important;
}
.sms-send-list .slist .slist-1{width:35%; text-align:center}
.sms-send-list .slist .slist-2{width:48%; text-align:center}
.sms-send-list .slist .slist-3 {
text-align:center;
background:#fff;
width:8%;
color:#000;
font-weight:bold;
border-radius:5px;
cursor:pointer;
float:right;
}
.sms-send-list .slist div{
display:inline-block;
}
.sms-btn-clear {
margin-top:15px;
margin-bottom:15px;
text-align:right;
}
.sms-btn-clear .sms-count {
}
.smsTable {
width:100%;
border-collapse:separate;
border-spacing:0px 16px;
}
.sendbtns {
margin-top:60px;
text-align:center;
}
.sendbtns_kakao {
margin-top:60px;
}
.btn-green {
background:#23c08d ;
border-color:#23c08d;
}
.btn-green:hover {
background:#27a37a;
border-color:#27a37a;
}
.sendbtns .send-btn {
width:210px;
font-weight:bold;
font-size:15px;
color:#fff;
}
.sendbtns_kakao .send-btn {
width:210px;
font-weight:bold;
font-size:15px;
color:#fff;
}
.sendbtns .send-btn-kakao {
/* position: absolute;
bottom: 40px; */
}
.smsKakaoMb-logo {
margin-top: 31px;
}
.smsKakaoMb-logo span {
vertical-align: super;
margin-left: 6px;
font-size: 12px;
font-weight: 600;
}
.setting-btn {
width:110px;
font-weight:bold;
font-size:17px;
}
.bal-notice {
color: #999999;
}
.switch-button {
position:relative;
display:inline-block;
width:55px;
height:30px;
}
.switch-button input {
opacity:0;
width:0;
height:0;
}
.onoff-switch {
position:absolute;
cursor:pointer;
top:0;
left:0;
right:0;
bottom:0;
border-radius:20px;
background-color:#ccc;
/* box-shadow:inset 1px 5px 1px #999; */
-webkit-transition:.4s;
transition:.4s;
}
.onoff-switch:before {
position:absolute;
content:"";
height:22px;
width:22px;
left:4px;
bottom:4px;
background-color:#fff;
-webkit-transition:.5s;
transition:.4s;
border-radius:20px;
}
.switch-button input:checked + .onoff-switch {
background-color:#5866dd;
/* box-shadow:inset 1px 5px 1px #e3ae56; */
}
.switch-button input:checked + .onoff-switch:before {
-webkit-transform:translateX(26px);
-ms-transform:translateX(26px);
transform:translateX(26px);
}
/* 카카오알림 */
.tab-sms-auto-menu-kakao {
width:100%;
overflow:auto;
background:#F0F0F0;
border-radius:30px;
margin-top:10px;
margin-bottom:40px;
}
.tab-sms-auto-menu-kakao .category-menu-sub {
font-size:15px;
color:#5867dd;
margin-right:25px;
cursor:pointer;
}
.tab-sms-auto-menu-kakao .nav-link {
padding:10px 20px 10px 20px;
color:#b9b9be;
font-weight:500;
}
.tab-sms-auto-menu-kakao .active {
background: #F9E000 !important;
border-radius:30px;
border: 1px solid #F9E000 !important;
color: #371F1F !important;
font-weight: 600;
}
.tab-sms-auto-menu-kakao .nav-pills {
overflow-x: auto;
width: max-content;
}
.smsKakaoWrap {
display: none;
}
.smsKakaoWrap-Title {
background: #f9e003;
width: 85%;
padding: 8px 8px 8px 10px;
font-size: 12px;
float: right;
color: #25220B;
border-radius: 5px 5px 0px 0px;
}
.smsKakaoWrap-Sub {
background: #fff;
width: 85%;
padding: 10px;
float: right;
border-radius: 0px 0px 5px 5px;
}
.smsKakaoWrap-SubTitle {
color: #666666;
font-size: 12px;
}
.smsKakaoWrap-ShopName {
color: #000000;
font-size: 15px;
font-weight: 500;
}
.smsKakaoWrap-Hr {
margin-top: 8px;
margin-bottom: 8px;
}
.smsKakaoWrap-Content {
font-size:12px;
color:#000000;
}
/* 문자 */
.tab-sms-auto-menu {
width:100%;
overflow:auto;
background:#eeeffc;
border-radius:30px;
margin-top:10px;
margin-bottom:40px;
}
.tab-sms-auto-menu .category-menu-sub {
font-size:15px;
color:#5867dd;
margin-right:25px;
cursor:pointer;
}
.tab-sms-auto-menu .nav-link {
padding:10px 20px 10px 20px;
color:#b9b9be;
font-weight:500;
}
.tab-sms-auto-menu .active {
background:#fff !important;
border-radius:30px;
border:1px solid #5867dd;
color:#5867dd !important;
font-weight:500;
}
.smsSettingWrap .lh100 label {
font-size:14px;
font-weight:500;
}
.tab-sms-auto-menu .nav-pills {
overflow-x: auto;
width: max-content;
}
/** 휴무 UI 수정 **/
.holiday-body input[type=radio] {
width:0;
height:0;
position:absolute;
left:-9999px;
}
.holiday-body input[type=radio]:checked + label {
background-color:#5866dd;
color:#FFF;
border-color:#5866dd;
z-index:1;
}
.holiday-body input[type=radio] + label {
margin:0;
padding:0.75em 1.5em;
box-sizing:border-box;
position:relative;
display:inline-block;
border:solid 1px #DDD;
background-color:#FFF;
line-height:140%;
width:70px;
padding:10px;
text-align:center;
border-radius:30px;
box-shadow:0 0 0 rgb(255 255 255 / 0%);
transition:border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out;
cursor:pointer;
}
.holiday-body .kt-checkbox > span:after {
border:solid #5866dd;
}
.holiday-body .etc-holiday-list-shop {
background:#f0f0f0;
border-radius:5px;
max-height:200px;
overflow-y:scroll;
}
.holiday-body .etc-holiday-list-shop::-webkit-scrollbar {
width:5px; /* 스크롤바의 너비 */
}
.holiday-body .etc-holiday-list-shop::-webkit-scrollbar-thumb {
height:30%; /* 스크롤바의 길이 */
background:#999999; /* 스크롤바의 색상 */
border-radius:10px;
}
.holiday-body .etc-holiday-list-shop::-webkit-scrollbar-track {
background:rgba(33, 122, 244, .0); /*스크롤바 뒷 배경 색상*/
}
.holiday-body .etc-holiday-list-shop .fetc-holi {
padding:7px 10px 7px 10px;
font-size:12px;
border-bottom:1px solid #c9c9c9;
font-weight:400;
}
.holiday-body .etc-holiday-list-shop .fetc-holi:last-child {
border-bottom:none;
}
.holiday-body .etc-holiday-list-manager {
background:#f0f0f0;
border-radius:5px;
height:98px;
overflow-y:scroll;
}
.holiday-body .etc-holiday-list-manager::-webkit-scrollbar {
width:5px; /* 스크롤바의 너비 */
}
.holiday-body .etc-holiday-list-manager::-webkit-scrollbar-thumb {
height:30%; /* 스크롤바의 길이 */
background:#999999; /* 스크롤바의 색상 */
border-radius:10px;
}
.holiday-body .etc-holiday-list-manager::-webkit-scrollbar-track {
background:rgba(33, 122, 244, .0); /*스크롤바 뒷 배경 색상*/
}
.holiday-body .etc-holiday-list-manager .fetc-holi {
padding:7px 10px 7px 10px;
font-size:12px;
border-bottom:1px solid #c9c9c9;
font-weight:400;
}
.holiday-body .etc-holiday-list-manager .fetc-holi:last-child {
border-bottom:none;
}
.holiday-body .fa-times-circle {
cursor:pointer;
}
.holiday-body .fa-times-circle:before {
color:#454545 !important;
}
.holiday-body .designer-his {
background:#eeeffc;
border-radius:5px;
}
.holiday-body .designer-his-sub::-webkit-scrollbar {
width:5px; /* 스크롤바의 너비 */
}
.holiday-body .designer-his-sub::-webkit-scrollbar-thumb {
height:30%; /* 스크롤바의 길이 */
background:#999999; /* 스크롤바의 색상 */
border-radius:10px;
}
.holiday-body .designer-his-sub::-webkit-scrollbar-track {
background:rgba(33, 122, 244, .0); /*스크롤바 뒷 배경 색상*/
}
.holiday-body .kt-checkbox-inline {
padding:0px !important;
margin:0px !important;
}
.holiday-body .designer-his-list{
padding:5px 10px 5px 10px;
font-size:12px;
}
.holiday-body .designer-his-sub {
padding:10px;
overflow:auto;
height:104px;
}
.holiday-body .dhf-name {
color:#454545;
font-weight:500;
}
.holiday-body .Etc-css-op {
vertical-align:sub;
color:#8b8b8b;
font-size:13px;
}
.holiday-body .go-bttop {
position:relative;
margin-top:30px;
margin-bottom:30px;
/* height:fit-content; */
position:absolute;
bottom:0px;
text-align:center;
width:100%;
}
.holiday-body .go-btfoot {
}
.holiday-body .hfd-blue {
font-weight:600;
color:#5867dd;
}
.holiday-body .hfd-bar {
font-size:10px;
vertical-align:text-top;
color:#d9d9d9;
padding-left:7px;
padding-right:7px;
}
.holiday-body .hfd-etc {
color:#5867dd;
}
.holiday-body .hfd-etc-bold {
font-weight:600;
color:#5867dd;
}
.holiday-body .go-btfoot button {
padding:10px;
width:40%;
}
@media (max-width:600px) {
.holiday-body .go-bttop {
position:relative;
}
.sdd-left {
height:auto !important;
}
.mdown {
display:none;
}
.btGuest #field{width:30% !important}
.btGuest .kt-input-icon{width:68% !important}
.btGuest .btn-primary{width:100%;height:48px}
}
.fc .fc-highlight {
background:rgb(238 239 252 / 60%) !important;
}
/* mem_id 이름 검색 리스트 */
#ui-id-2 {
/* 오토 컴플리트 창 */
width:100% !important;
position:absolute !important;
height:220px !important;
top:110px !important;
left:auto !important;
overflow:auto !important;
}
.ui-menu-item-wrapper {
/* 오토 컴플리트 리스트 화면 수정 */
}
.ui-menu-item-wrapper:hover {
/* 오토컴플리트 리스트 hover 시 화면 수정 */
}
.ui-state-active{
/* 키보드 선택 시 오토 컴플리트 화면수정 */
}
/* 모바일 로그아웃버튼 */
.icon-logout2 {
position:absolute; right:0; top:0;cursor:pointer;
}
.lm-close {
width:40px;
height:40px;
background:rgb(185 185 185 / 80%);
border-radius:5px;
border:none;
position:absolute;
right:0;top:0;
}
.lm-close .la-close2 {
color:#fff;
font-weight:bold;
}
.la-close2:before {
content:"\f191";
font-size:25px;
}
.lm-close{
display:none;
}
/* 상품등록관리 탭 */
.nav-mat {
margin:0px;
padding:0px;
}
.nav-mat .nav-link {
width:200px;
text-align:center;
}
/* 이용내역 전체이용내역 모바일화면 */
.custMenuWrap .mp-list-t2 {
display:none;
}
/* 이용내역 포인트내역 모바일화면 */
.custMenuWrap .mp-list-t2 {
display:none;
width:100%;
border-top:1px solid #D9D9D9;
}
/* 이용내역 Coupon History 모바일화면 */
.custMenuWrap .mp-list-t3 {
display:none;
width:100%;
border-top:1px solid #D9D9D9;
}
/* 이용내역 회수권내역 모바일화면 */
.custMenuWrap .mp-list-t4 {
display:none;
width:100%;
border-top:1px solid #D9D9D9;
}
.custMenuWrap .mp-list-t-form {
border-bottom:1px solid #D9D9D9;
padding-top:10px;
padding-bottom:10px;
}
.custMenuWrap .mp-list-t-date {
color:#4e546a;
font-size:12px;
margin-bottom:10px;
}
.custMenuWrap .mp-list-t-text {
color:#1A1A1A;
font-size:16px;
font-weight:500;
}
.custMenuWrap .mp-list-t-point {
float:right;
font-size:14px;
font-weight:600;
}
/* 전체이용내역 */
.custMenuDepth3 .mp-list-t1 {
display:none;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form {
margin-bottom:10px;
padding-bottom:10px;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form:active {
background:#e1e1e1;
transform:translateY(4px);
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-1 {
margin-top:10px;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-1 .mlf-date {
color:#4E546A;
font-size:12px;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-1 .mlf-manager {
color:#4E546A;
font-size:12px;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-1 .mlf-result {
color:#1A1A1A;
font-size:12px;
font-weight:bold;
float:right;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-2 {
margin-top:10px;
margin-bottom:10px;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-2 .mlf-cate {
color:#1A1A1A;
font-size:16px;
font-weight:bold;
}
.custMenuDepth3 .mp-list-t1 .mp-list-form .mlf-2 .mlf-price {
color:#5866DD;
font-size:14px;
font-weight:bold;
float:right;
}
.custMenuWrap .cancel-bt-sisul {
margin:0 auto;
color:#FC5060;
text-decoration:underline;
text-align:center;
margin-top:20px;
}
.custMenuWrap .cancel-bt-sisul a {
color:#FC5060;
text-decoration:underline;
}
.custMenuWrap .mbd-nag-we {
background:#5866dd42;
font-size:12px;
text-align:center;
padding:6px;
border-radius:5px;
}
.custMenuWrap .mbd-nag-table {
font-size:12px;
border-bottom:1px solid #e1e1e1;
margin-bottom:17px;
}
.custMenuWrap .mbd-nag-underline {
border-bottom:1px solid #e1e1e1;
padding-bottom:10px;
margin-bottom:10px;
}
.custMenuWrap .mbd-nag-und-left {
font-size:12px;
color:#4E546A;
}
.custMenuWrap .mbd-nag-und-right {
color:#4E546A;
font-size:12px;
float:right;
font-weight:600;
}
/* left 예약 */
.calendarAreaSub {
overflow:auto;
height:145px;
}
.calendarAreaSub::-webkit-scrollbar {
width:5px; /* 스크롤바의 너비 */
}
.calendarAreaSub::-webkit-scrollbar-thumb {
height:30%; /* 스크롤바의 길이 */
background:#999999; /* 스크롤바의 색상 */
border-radius:10px;
}
.calendarAreaSub::-webkit-scrollbar-track {
background:rgba(33, 122, 244, .0); /*스크롤바 뒷 배경 색상*/
box-shadow:inset 0 0 5px F2F2F2;
border-radius:0px;
margin-block:15px;
}
.calendarAreaSubForm {
padding:10px 0px 10px 0px;
border-bottom:1px solid #e1e1e1;
margin:2px 15px 2px 15px;
cursor:pointer;
}
.calendarAreaSubForm:hover {
background:#f1f1f1;
border-radius:5px;
}
.calendarAreaSubForm .calendarAreaSubForm-dow {
color:#4E546A;
font-weight:500;
font-size: 12px;
}
.calendarAreaSubForm .calendarAreaSubForm-dor{
color:#FC5060;
font-weight:500;
}
.calendarAreaSubForm .calendarAreaSubForm-dg {
color:#23C08D;
font-weight:400;
font-size: 12px;
}
.calendarAreaSubForm .calendarAreaSubForm-dgB {
color:#23C08D;
font-weight:600;
}
.calendarAreaSubForm .calendarAreaSubForm-suc{
color:#4E546A;
font-weight:400;
font-size: 12px;
}
.calendarAreaSubForm .calendarAreaSubForm-sucB {
color:#4E546A;
font-weight:600;
}
/* 배너 */
.owl-theme .owl-dots .owl-dot span {
width:8px !important;
height:8px !important;
margin:0px 7px !important;
}
.fc-toolbar-title {
padding-left:42px !important;
}
/*매장정보*/
.app-img-add {
padding:5px 15px 5px 15px;
float:right;
cursor:pointer;
}
/* 문자 */
.ob-sma-ex {
border-bottom:2px solid #D9D9D9;
margin-bottom:25px;
}
.ob-sma-ex span {
font-size:16px;
padding:10px 15px 10px 15px;
display:inline-block;
font-weight:500;
position:relative;
color:#1a1a1a;
}
.ob-blue {
color:#5866DD !important;
}
.ob-sma-ex .ob-sma-ex-active {
border-bottom:2px solid #5866DD;
position:absolute;
bottom:-2px;
width:100%;
left:0px;
}
.ob-sma-ex .ob-sma-ex-non-active {
position:absolute;
margin-bottom:25px;
}
.ob-sma-ex-be {
}
.ob-sma-ex-af {
}
.sms-set-add {
background:#23C08D;
color:#fff;
padding:10px;
border-radius:3px;
border:1px solid #23C08D;
cursor:pointer;
position:absolute;
right:0px;
}
.store-cal-wrap { display:hidden;}
/* 문자보내기 발신번호 등록 */
.SM-calling-wrap {
max-width: 540px;
margin: 0 auto;
text-align: center;
}
.SM-calling-wrap .SM-calling-text {
font-size:24px;
color: #1A1A1A;
font-weight: 400;
margin-top: 30px;
margin-bottom: 30px;
}
.SM-calling-wrap .SM-calling-input {
margin-bottom: 20px;
}
.SM-calling-wrap .SM-calling-input input {
width: 400px;
max-width: 100%;
text-align: center;
margin: 0 auto;
height: 60px;
border: 1px solid #D9D9D9;
font-size: 23px;
}
.SM-calling-wrap .SM-calling-input input::placeholder {
color: #d1d1d1;
}
.SM-calling-wrap .SM-calling-btn .btn {
background: #5866DD;
border: 1px solid #5866DD;
color: #fff;
max-width:100%;
width:400px;
height:60px;
font-size:18px;
}
.SM-calling-setting-input {
width: 400px;
max-width: 100%;
text-align: center;
background: #5866DD0D;
color: #5866DD;
margin: 0 auto;
height: 60px;
border: 1px solid #5866DD;
font-size: 23px;
font-weight: 600;
margin-top: 40px;
}
.SM-calling-text-1 {
color:#1A1A1A;
font-size:24px;
font-weight: 400;
margin-top:20px;
margin-bottom:25px;
}
.SM-calling-text-2 {
color: #999999;
font-size:16px;
font-weight: 400;
line-height: 26px;
}
.SM-calling-text-2-span {
color:#5866DD;
font-weight: 600;
}
.SM-calling-wrap .kt-title:before {
content: "";
display: inline-block;
width: 3px;
height: 18px;
background: #23C08D;
position: relative;
top: 3px;
margin-right: 10px;
}
.SM-calling-wrap-lg {
max-width:800px;
}
.SM-calling-wrap-lg .kt-title {
color: #4E546A;
font-size:20px;
font-weight: 600;
margin-bottom:20px;
}
.SM-calling-wrap-lg .kt-title:before {
content: "";
display: inline-block;
width: 3px;
height: 18px;
background: #23C08D;
position: relative;
top: 3px;
margin-right: 10px;
}
.SM-calling-wrap-lg {
max-width: 760px;
margin: 0 auto;
margin-top:10px;
}
.SM-calling-wrap-sero {
background: #FAFAFA;
border-radius: 5px;
padding: 30px;
}
.SM-calling-wrap-back {
display: flex;
padding: 10px 0px 10px 0px;
}
.NY-left-title { color: #1A1A1A; font-size:16px;font-weight: 500; }
.NY-right-content {}
.NY-right-content-1r {color:#5866DD;font-size:16px;}
.NY-right-content-2r {color:#999999;font-size:16px;padding-top:8px;}
.NY-right-content-2r .blue-inline {border: 1px solid #5866DD;color: #5866DD;border-radius: 30px;cursor: pointer;}
.NY-right-content-2r .blue-inline::before {
content:"";
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 10px;
background : url('../media/new/icon_openLink@2x.png') no-repeat center ;
background-size : contain;
}
.NY-right-content-2r .white-inline {border: 1px solid #5866DD;background:#5866DD;color: #fff;border-radius: 30px;cursor:pointer;}
.NY-right-content-2r .white-inline::before {
content:"";
display: inline-block;
width: 18px;
height: 18px;
vertical-align: middle;
margin-right: 10px;
background : url('../media/new/icon_download@2x.png') no-repeat center ;
background-size : contain;
}
.GM-wrap-back {
background: #FAFAFA;
border: 1px solid #D9D9D9;
padding: 15px;
border-radius: 5px;
line-height: 24px;
font-weight: 500;
}
.MG-left-title {color:#4E546A;font-weight:400;padding-top: 10px;}
.MG-right-content {}
.MG-right-content-1r {}
.MG-right-content-2r {}
.FCI-input {
-ms-transform: scale(1.5); /* IE */
-moz-transform: scale(1.5); /* FF */
-webkit-transform: scale(1.5); /* Safari and Chrome */
-o-transform: scale(1.5); /* Opera */
padding: 10px;
}
.FCI-wrap{margin-top:9px;padding-left: 1.45rem;}
.SM-calling-wrap-dero {margin-bottom:15px;}
.MG-right-content-1r .filebox .upload-name {
display: inline-block;
height: 40px;
padding: 0 10px;
vertical-align: middle;
border: 1px solid #dddddd;
width: 78%;
color: #999999;
display:none;
}
.MG-right-content-1r .filebox label {
display: inline-block;
padding: 10px 20px;
width: 100%;
color: #999999;
vertical-align: middle;
background-color: #ffffff;
cursor: pointer;
height: 40px;
border: 1px solid #e1e1e1;
border-radius: 5px;
white-space: nowrap;
}
.MG-right-content-1r .filebox label::before {
content:"";
display: inline-block;
width: 20px;
height: 20px;
vertical-align: middle;
margin-right: 10px;
background : url('../media/new/icon_file_upload@2x.png') no-repeat center ;
background-size : contain;
}
.MG-right-content-1r .filebox input[type="file"] {
position: absolute;
width: 0;
height: 0;
padding: 0;
overflow: hidden;
border: 0;
}
.MG-right-content-2r {color:#999999;font-size:14px;}
.SM-calling-info {color:#DD5858;font-size:14px;font-weight:400;margin-top:20px;margin-bottom:20px;}
.SM-calling-info-p {color:#999999;font-size:14px;font-weight:300;}
.SM-calling-wrap-lg .kt-title .kt-title-star {
display: inline-table;
float: right;
font-size: 14px;
color: #4E546A;
font-weight: 400;
}
.SM-calling-wrap-lg .important_red {font-size:14px;color:#FC4F25;}
.MT-table th { text-align:center; padding: 10px;}
.MT-table tr td {
padding: 10px;
}
.MT-table .bold { font-weight: 600;font-size:14px;}
.MT-table-lt { text-align:center; padding: 10px;background: #edf5ff;font-size: 14px;color: #48465b;font-family: 'Noto Sans KR', sans-serif;font-weight: 600;}
.counter{margin:30px auto 0;box-sizing:border-box}
.table{border-collapse:collapse;text-align:center}
.mbOnly{display:none}
#divPayDaily_m {
display:none;
}
@media screen and (max-device-width:1600px){
.pcOnly{display:none}
.mbOnly{display:block}
.counter{margin:0 auto;width:100%}
.counter .col-md-10, .counter .col-md-2{position:relative;width:100%;flex:0 0 100%;max-width:100%}
.counter textarea{width:100%}
.counterTb{}
.counterTb th{display:none}
.counterTb th, .counterTb td{border-top:none}
.counterTb .postnReltv{position:sticky !important;width:100%;border-bottom:1px solid #d9d9d9}
.counterTb .postnALeft{position:absolute;left:0;top:0;width:calc(100% - 130px);padding:20px 0 !important}
.counterTb .postnALeft span{text-align:left;display:block;font-size:12px;color:#4E546A}
.counterTb .postnARight{position:absolute;right:0;top:0;max-width:130px}
.counterTb .postnARight .countBtn button{font-size:12px}
.counterTb .postnARight .countBtn button:before{content:"횟수권";display:inline-block;font-size:12px;padding-right:10px;box-sizing:border-box}
.counterTb .postnALine2{top:20px}
.counterTb .postnALine3{top:50px}
.counterTb .postnALine3 span{font-size:14px;color:#1A1A1A;font-weight:500;white-space:normal;display:block;word-break:keep-all}
.counterTb .postnALine4{top:95px}
.counterTb .postnALine4 button{font-size:12px !important}
.counterTb .counterBottom{padding-top:100px !important}
.counterTb .counterBottom input{border:none;padding:0;font-size:18px;font-weight:bold;color:#5866DD}
.postnBtmBtnX{position:absolute;top:0;right:0;margin:0 auto}
.postnBtmBtnX img{width:18px;height:18px}
}
@media (max-width:1024px) {
.icon-logout2 {
position: inherit;
display:inline-block;
vertical-align:text-bottom;
padding-left:20px;
}
.lm-close {
display:inline-block;
}
.sendbtns_kakao {
text-align: center;
}
#divPayDaily { display: block;}
}
@media (max-width:767.98px) {
/* .fc-toolbar.fc-header-toolbar {
flex-direction:column;
}
.fc-toolbar-chunk {
display:table-row;
text-align:center;
padding:5px 0;
}
.fc-toolbar-title {
font-size:1.3em !important;
}
.fc-toolbar-ltr {
height:58px !important;
}
.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(1) {
position:absolute !important;
top:22px !important;
left:10px !important;
}
.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(2) {
position:absolute !important;
top:0px !important;
margin-bottom:10px !important;
}
.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(2) .fc-toolbar-title {
line-height:0px;
padding-left:42px;
}
.fc-toolbar-ltr .fc-toolbar-chunk:nth-child(3) {
position:absolute !important;
top:22px !important;
right:10px !important;
}
*/
#divPayDaily {
display:none;
}
#divPayDaily_m {
display:block;
}
.icon-logout2 {
display:inline-block;
}
.icon-logout {
display:none;
}
.lm-close {
display:inline-block;
}
.virtual_date {
left:100% !important;
}
/* 정산 모바일 UI */
.btChart #kt_subheader_search_form .btc-d1 {
width:49% !important;
}
.btChart #kt_subheader_search_form .btc-d2 {
width:49% !important;
float:right !important;
}
.btChart #kt_subheader_search_form .btc-btn {
width:100%;
margin-top:10px;
}
/* 매출 모바일 UI */
.storeCalenderList #kt_subheader_search_form .sCl-d1 {
width:48% !important;
margin:0px !important;
}
.storeCalenderList #kt_subheader_search_form .sCl-d2 {
width:48% !important;
margin:0px !important;
}
.storeCalenderList #kt_subheader_search_form .sCl-span {
display:inline-block !important;
width:4% !important;
text-align:center !important;
}
.storeCalenderList #kt_subheader_search_form .sCl-s1 {
margin-right:0px !important;
margin-top:10px !important;
}
.storeCalenderList #kt_subheader_search_form .sCl-s2 {
margin-right:0px !important;
margin-top:10px !important;
}
.storeCalenderList #kt_subheader_search_form .sCl-btn {
margin-top:10px !important;
width:100% !important;
}
.nav-mat .nav-link{
width:83px;
}
.smt-price-wrap .spw-w1 {
margin:0px !important;
padding:0px 0px 0px 10px !important;
}
.smt-price-wrap .spw-w1 .total-pr-price {
border-radius:5px 0px 0px 5px !important;
}
.smt-price-wrap .spw-w2 {
margin:0px !important;
padding:0px 10px 0px 0px !important;
}
.smt-price-wrap .spw-w2 .total-pr-title {
padding:5px;
border-radius:0px 5px 5px 0px;
}
/* 상품등록관리 탭 */
.btCateIn .form-group {
margin:0px !important;
}
.btCateIn .custMenuInTab {
float:unset !important;
}
.btCateIn .custMenuInTab .nav-item {
width:33%;
margin:0px !important;
}
.btCateIn .custMenuInTab .nav-item a {
width:100%;
}
.btCateIn .custMenuInTab .nav-item:nth-child(1) a {
border-radius:5px 0px 0px 0px !important;
}
.btCateIn .custMenuInTab .nav-item:nth-child(2) a {
border-radius:0px 0px 0px 0px !important;
}
.btCateIn .custMenuInTab .nav-item:nth-child(3) a {
border-radius:0px 5px 0px 0px !important;
}
.btCateIn .custMenuInTab .nav-item:nth-child(4) a {
border-radius:0px 0px 0px 5px !important;
}
.btCateIn .custMenuInTab .nav-item:nth-child(5) a {
border-radius:0px 0px 0px 0px !important;
}
.btCateIn .custMenuInTab .nav-item:nth-child(6) a {
border-radius:0px 0px 5px 0px !important;
}
.nStd-wrap .custMenuWrap .nav-item {
width:33% !important;
}
.custMenuDepth2Ul {
border-radius:10px !important;
}
/* 이용내역 전체이용내역 모바일화면시 전환 */
.custMenuWrap .mp-list-t1 {
display:block;
}
.custMenuWrap .store-main-res-list-t1 {
display:none;
}
/* 이용내역 포인트내역 모바일화면시 전환 */
.custMenuWrap .mp-list-t2 {
display:block;
}
.custMenuWrap .store-main-res-list-t2 {
display:none;
}
/* 이용내역 Coupon History 모바일화면시 전환 */
.custMenuWrap .mp-list-t3 {
display:block;
}
.custMenuWrap .store-main-res-list-t3 {
display:none;
}
/* 이용내역 회수권내역 모바일화면시 전환 */
.custMenuWrap .mp-list-t4 {
display:block;
}
.custMenuWrap .store-main-res-list-t4 {
display:none;
}
.custMenuDepth3Box .kt-option__head .kt-option__title {
font-size:12px;
font-weight:bold;
color:#1A1A1A;
}
.custMenuDepth3Box .kt-option__head .kt-option__focus {
color:#5866DD !important;
}
.custServi .custOddList .added-goods-qty {
min-width:50px !important;
}
.custServi .custOddList .added-products-qty {
min-width:50px !important;
}
.custServi .custOddList .added-couponpass-qty {
min-width:50px !important;
}
.custServi .custOddList .added-couponcount-qty {
min-width:50px !important;
}
.custServi .custOddList .added-etcproducts-qty {
min-width:50px !important;
}
}
/* mobile header */
#kt_header_mobile {
background: #f4f3f8;
}
/* end mobile header */
.analyBoxCont {
float: right;
}
.more-menus {
margin-top: 20px;
}
.more-mg-link {
padding: 10px;
}
.more-mg-link a {
color:#000;
font-weight: 400;
}
/* mobile */
@media screen and (max-width:767px){
.btContainer .btContWrap{width:100%;padding:0 15px}
.store-msg .btCate{box-shadow:none}
.store-msg .btCate .kt-portlet__body{padding:0}
.store-msg .btCate .form-group{padding:0 !important}
.store-msg .btCate .form-group .custMenuInTab{width:100%}
.store-msg .btCate .form-group .custMenuInTab .nav-item{width:50%}
.store-msg .btCate .form-group .custMenuInTab a.nav-link{padding:12px 0 !important;border-bottom:0 !important;font-weight:normal !important;text-align:center}
.store-msg .btCate .msg-wrap .row{margin:0}
.store-msg .btCate .msg-wrap .col-md-3{max-width:100% !important;padding:0}
.store-msg .btCate .msg-wrap .col-md-3 .smsMb{width:100%}
.store-msg .msg-wrap .dotwrap{border-right:0;margin-right:0px;padding-right:10px;}
.store-msg .msg-wrap .smsListWrap .text-right { text-align:center !important; padding-bottom:10px !important; }
.store-msg .btCate .msg-wrap .kt-wrap__body{margin:60px 0 0;padding:0}
.store-msg .btCate .msg-wrap .kt-wrap__body .smsListWrap,
.store-msg .btCate .msg-wrap .kt-wrap__body .smsListWrap .col-md-8,
.store-msg .btCate .msg-wrap .kt-wrap__body .smsListWrap .text-right,
.store-msg .btCate .msg-wrap .kt-wrap__body .smsSettingWrap,
.store-msg .btCate .msg-wrap .kt-wrap__body .smsSettingWrap .col-md-12{padding:0}
.store-msg .lh100 .form-check-label { font-size:11px; width:50%;}
.store-msg .lhm-100 { display:flex;}
.store-msg .btCate .msg-wrap .kt-wrap__body .smsListWrap .col-md-4 .btn,
.store-msg .btCate .msg-wrap .kt-wrap__body .smsSettingWrap .col-md-12 input[type=radio] + label{width:calc(50% - 2px)}
.store-msg .msg-wrap .smsMb { width: 100%;}
.kt-header__topbar--mobile-on .kt-header__topbar { margin-top: 8px; }
.datepicker-orient-bottom {left: 50% !important;transform: translate(-50%, -50%); top: 22% !important; z-index:9999 !important; }
.smsSettingWrap .form-control { margin-bottom: 10px;}
.msg-auto-wrap #field { margin-bottom: 10px; }
.msg-auto-wrap .sms-set-add { position:absolute; top:0px; }
.analyDate .ui-datepicker-trigger { right: 0px !important;}
}
/* */
/***************************************** 20220824 HJ *****************************************/
/*개인정보동의*/
.SvPoli .SvPoliIn .SvPoliLogo{width:200px;margin-bottom:40px}
.SvPoli .SvPoliIn h4{margin-bottom:20px}
/*노트북UI*/
.storeCalenderList .table.table-bordered .btn.btn-dark.pdf-download:hover{background:#343a40;border-color:#343a40}
@media (max-width:1024px){
.SvPoli {padding:0 5%}
.SvPoliIn{font-size:12px;line-height:24px}
.SvPoli .SvPoliIn h4{font-size:20px;margin-bottom:15px}
.store-cal-wrap { display:block;}
}
/*노트북UI*/
@media (max-width:1770px){
.btSnb3 .slc-form-today, .btSnb3 .slc-form-resnot{position:absolute;left:0;right:0;margin:0 auto;display:inline-block;width:60px;top:45px}
.btSnb3 .slc-form-today{left:-85px}
.btSnb3 .slc-form-resnot{left:65px; width: 80px;}
.btSnb > .btSnb3 .btSnb3List > nav{margin-top:30px}
.slc-form .arrow-left:after{margin-right:10px}
.slc-form .arrow-right:after{margin-left:10px}
}
@media (max-width:1200px){
.storeCalendars .fc .fc-toolbar-title{font-size:1.5em}
}
/**********2022.12.11**********/
/*통계*/
.aftClear:after{content:"";display: block;clear: both;}
.analysis li{list-style:none;}
.analyTab{position:relative;top:0;left:-40px;margin-bottom:-10px}
.analyTab:after{content:"";display:block;clear:both}
.analyTab > li{float:left;width:174px;height:54px;background:#F8F8F8;border:1px solid #e0e4ea;border-right:none;box-sizing:border-box;cursor:pointer}
.analyTab > li.on{background:#5867dd;border:1px solid #5867dd;}
.analyTab > li a, .analyTab > li{display:block;line-height:45px;text-align:center;box-sizing:border-box;font-weight:500;font-size:14px;color:#5a6169}
.analyTab > li.on a, .analyTab > li.on{color:#fff}
.analyTab > li:first-of-type{border-radius:10px 0 0 0;}
.analyTab > li:last-of-type{border-radius:0 10px 0 0;border-right:1px solid #e0e4ea;}
.analysis{position: relative;z-index:1;}
.analyConditn{padding:0;margin-bottom:25px}
.analyConditn > li{float: left;margin-right:15px;margin-bottom:5px}
.analyConditn:after{content:"";display: block;clear: both;}
.analySelect{width:250px;height:45px;border:1px solid #D9D9D9;border-radius:5px;padding:0 10px}
.analySlctSmall .analySelect{width:155px}
.analySelect:focus { outline: none !important; border-color: #5867dd;}
.analySpan{padding:0 }
.analySpan li{float:left}
.analySpan input[type="radio"]{width:0px;height:0px;position:absolute;left:0;top:0}
.analySpan input[type="radio"] + label{width:64px;height:45px;line-height:42px;border:1px solid #e0e4ea;border-right:none;text-align:center;display:inline-block;box-sizing:border-box;background: #fff;}
.analySpan input[type="radio"], .analySpan input[type="radio"] + label{cursor:pointer;margin-bottom:0}
.analySpan li:first-of-type input[type="radio"] + label{border-radius:5px 0 0 5px}
.analySpan li:last-of-type input[type="radio"] + label{border-right:1px solid #e0e4ea;border-radius:0 5px 5px 0}
.analySpan input[type="radio"]:checked + label{background:#4E546A;border-color:#4E546A;color:#fff; border-right:none !important;}
.anyCdtnBtn{background: #4E546A;border-radius: 5px;border:none;width:100px;height:45px;box-sizing: border-box;color:#fff;font-size:14px;}
/* datepicker */
.analyDate .ui-datepicker-trigger, .analyDate .hasDatepicker{cursor: pointer;}
.analyDate{position:relative;margin-right:30px}
.analyDate .analyDateIn{position:relative;margin-bottom:0;box-sizing: border-box;width:auto !important}
.analyDate .analyDateIn, .analyDate .analyDateSpan{float:left;height:45px;}
.analyDate .analyDateIn input{border:1px solid #e0e4ea;height:100%;box-sizing: border-box;padding-left:10px;}
.analyDate .analyDateSpan{line-height:40px;margin:0 10px;color:#acb7c0}
.analyDate input{width:calc(100% - 40px) !important;float:left;border-radius:5px 0 0 5px;font-size:14px}
.analyDate .ui-datepicker-trigger{position:absolute;right:-5px;top:0;width:45px;height:45px;padding:10px;background:#fff;box-sizing:border-box;border:1px solid #e0e4ea;border-radius:0 5px 5px 0;border-left:none;}
/* datepicker 플러그인수정 */
.ui-datepicker{padding:10px !important;box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.25);border:none !important;font-size:1em !important;}
.ui-widget-header{background:#ecf4ff !important;border-color:#ecf4ff !important;padding:7px 0 !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:none !important;background:none !important;line-height:2em;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{position:relative;background:rgba(61,148,251,0.7) !important;color:#fff !important;border-radius:3px !important}
.ui-state-highlight:before, .ui-widget-content .ui-state-highlight:before{content: '';display: inline-block;border: solid transparent;border-width: 0 0 7px 7px;border-bottom-color: #ffffff;border-top-color: #ebedf2;position: absolute;bottom: 4px;right: 4px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{background:#5867dd !important;color:#fff !important;border-radius:3px !important}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover{border:none !important;color:#6c7293 !important;background:#ebedf2 !important;border-radius:3px !important}
.ui-datepicker-calendar th, .ui-datepicker-calendar td, .ui-datepicker-calendar a{font-size:1em !important}
.ui-datepicker-calendar tr{border:none;padding:5px}
.ui-datepicker-calendar tr:hover{background:none}
.ui-datepicker td span, .ui-datepicker td a{text-align:center !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{width:1.4em !important;height:1.4em !important;top:10px !important}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-prev-hover{left:8px !important}
.ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-next-hover{right:8px !important}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span{width:100%;height:100%;background:url("../franchise/img/main/calendar-btn-left.png")no-repeat 0 0 !important;background-size:100% !important;left:0 !important;top:0 !important;margin:0 !important}
.ui-datepicker .ui-datepicker-next span{background-image:url("../../franchise/img/main/calendar-btn-right.png") !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width:38% !important;margin:1px 5px !important;padding:2px 0 !important;border:1px solid #e0e4ea !important;font-size:0.9em !important;}
.analyTit{margin-bottom:15px;font-size:20px;font-weight: 600;color:#4E546A;padding-left:10px}
.analyTit:before{content:"";display:inline-block;width:3px;height:19px;background:#23C08D;position: relative;left:-10px;top:2px;}
.analyTableWrap{margin-top:30px}
.analyTableWrap tr.total{background:rgba(23,198,113,0.05);}
.analyCont1{margin-top:45px}
.analyCont2 > div{float:left;box-sizing: border-box}
.analyCont2 > .fr{float:right;padding-left:60px}
.analyCont2 > .w34{width:34%}
.analyCont2 > .w66{width:66%}
.analyCard{margin-bottom:60px}
.analyCard > .analyBox{float:left;width:calc(25% - 7.55px);margin-right:10px;}
.analyCard > .analyBox:nth-of-type(4n){margin-right:0}
.analyBox{padding:15px;margin-bottom:10px;background: #EEEFFC;border:1px solid #5866DD;border-radius: 5px;}
.analyBoxTit{float:left;font-size:14px;color:#454545;font-weight: 500;}
.analyBoxIn{float: right;text-align: right;color:#5866DD;}
.analyBoxPoint{font-size:14px;font-weight: 300;margin-bottom:0}
.analyBoxPoint span, .analyBoxPoint i{font-size:21px;font-weight: 600;}
.analyBoxPoint i{font-style: normal;}
.analyBoxCont li{float: left;font-size:12px;color:#454545;}
.analyBoxCont img{width:14px;height:12px;box-sizing: border-box;margin-right:5px;border:1px solid red;}
.analyBoxCont li.txtRed{color:#DD5858; margin-left: 5px;}
.analyBoxCont li.txtBlue{color: #125AF7; margin-left: 5px;}
.analySSectn{margin-bottom:60px}
.w66 .analySSectn:last-of-type{margin-bottom:0}
.space{width:100%;}
.w66 .space{margin-top:50px}
.w34 .space{padding:10px}
@media (max-width:1024px){
.space.revenue{height:360px !important}
.space.revenue canvas{height:100% !important}
}
.analyDgnrBox{}
.analyDgnrBox:after{content:"";display: block;clear: both;}
.analyDgnr{width:290px;float:left;margin:0 10px 10px 0}
.analyDgnr dt{height:44px;background: #5866DD;border-radius:5px 5px 0 0 ;text-align: center;font-size:14px;font-weight: 600;color:#fff;line-height: 40px;}
.analyDgnr dd{padding:20px;box-sizing: border-box;border:1px solid #D9D9D9;border-radius: 0 0 5px 5px;font-size:14px;font-weight: 400;color:#454545;margin-bottom:0}
.analyDgnr .analyDgnrCont{margin-bottom:15px}
.analyDgnr .analyDgnrCont:last-of-type{margin-bottom:0}
.analyDgnr .analyDgnrCont:after{content:"";display: block;clear: both;}
.analyDgnr .analyDgnrCont p{margin-bottom:0}
.analyDgnr .analyDgnrCont p:nth-of-type(1){float: left;}
.analyDgnr .analyDgnrCont p:nth-of-type(2){float: right;}
.analysis .analy-Date { display: none;}
.analysis .analy-startDate {display:inline-block;}
.analysis .analy-endDate{ display:inline-block;}
.analysis .analyTitSub { font-size: 13px;color: #ff6565;}
.analysis .bg-al {background: #edf5ff;}
.analysisList .cancel { text-decoration: line-through;}
.analysisList section { margin-bottom: 30px; }
.analysisList section .table th { background: #edf5ff; }
.analysisList .salesAll { display: none;}
.analysisList .sog { background: #feffca; }
.analysis .analyTabInTab{background: #F0F0F0;}
.analyTabInTab .nav-pills{margin:0px;padding:10px;background: #F0F0F0;}
.analyTabInTab .nav-link{color:#999 !important; cursor:pointer;}
.analysis .nav-tabs .nav-link:hover, .analysis .nav-tabs .nav-link:focus{border-color:transparent}
.analyTabInTab .nav-link.active{color:#5866DD !important;border-color:#dee2e6 !important}
.btContainer .kt-subheader__title { display: none; }
.thBgColor1{background:#FC8B8B !important ;color:#fff}
.thBgColor2{background:#84D0C3 !important ;color:#fff}
.thBgColor3{background:#46BEEC !important ;color:#fff}
.thBgColor4{background:#F0924C !important ;color:#fff}
.thBgColor5{background:#ddd !important ;}
.thBgColor1-1 th{background: #fff2f2 !important;}
.thBgColor2-1 th{background: #f0fdfb !important;}
.thBgColor3-1 th{background: #f6fdff !important;}
.thBgColor4-1 th{background: #fff6ee !important;}
.thBgColor5-1 th{background: #f8f8f8 !important;}
.thClick{position: relative;padding-left:10px}
.thClick:before{content:"";display:block; width:18px;height:24px;background: url(./img/sub/ico_analysis_click.png)no-repeat center;background-size: cover;position: absolute;left:-16px;top:-4px;}
.thClick2:before{background: url(./img/sub/ico_analysis_click2.png)no-repeat center;background-size: cover;}
@media (max-width:1600px){
.analyCard > .analyBox:nth-of-type(n){width:calc(33.32% - 6.6px);margin-right:10px}
.analyCard > .analyBox:nth-of-type(3n){margin-right:0}
}
@media (max-width:1180px){
.thClick{padding-left:22px;}
.thClick:before{left:0}
}
@media (max-width:1000px){
.analyCont2 > .w34, .analyCont2 > .w66{float:none;width:100%}
.analyCont2 > .w34{margin-bottom:50px}
.analyCont2 > .w34:after{content:"";display:block;clear:both}
.analyCont2 > .fr{padding-left:0}
.analyBox{float:left;width:calc(50% - 5px)}
.analyBox:nth-of-type(odd){margin-right:10px}
}
@media (max-width:820px){
.analysis .kt-portlet__body{padding:20px !important}
.analyConditn > li{float: none;width:100%;margin: 0 auto 5px;display: block;}
.analyConditn > li.dateWrap{margin-bottom:10px}
.analySpan{width: 100%;}
.analySpan li{width:33.33%}
.analySpan input[type="radio"] + label{width:100%}
.analyDate .analyDateIn{width:calc(50% - 13.75px) !important}
}
/* APP - 바텀앱바 */
/* PC */
.tbShow{display: none !important;}
.analyToggleBtn{display: none;}
@media (max-width:1024px){
/* APP - 바텀앱바 */
.tbShow{display: block !important;}
.tbHide{display: none !important;}
.kt-header-mobile--fixed .kt-header-mobile {
z-index: 101;
}
.kt-header-shadow {
-webkit-box-shadow: 0px 1px 9px -3px rgb(0 0 0 / 75%);
box-shadow: 0px 1px 9px -3px rgb(0 0 0 / 75%);
}
#kt_wrapper {
margin-top:-10px;
}
.kt-portlet {
-webkit-box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 15%);
box-shadow: 0px 0px 13px 0px rgba(82, 63, 105, 15%);
}
.analyBoxCont {
float: right;
padding-inline-start:20px;
}
.btHead .btHeadWrap .appHeaderWrap{width: 100% !important;top: inherit;left: 0;right: 0;margin: 0 auto;}
.btHead .btHeadWrap .appHeaderIn{}
.btHead .btHeadWrap .appHeaderIn > ul{display: flex;justify-content: center;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav{padding:0 15px}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item{display: flex !important;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.tbHide{display: none !important;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link{display: inline-block;padding:40px 0}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__ver-arrow:before{display: none;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text{justify-content: center;color:#999;font-size:14px}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link:before{content:"";display: block;width:32px;height:32px;position: absolute;left:0;right:0;margin:0 auto;top:10px;}
/* .btApBar > li > a > .kt-menu__link-text{position: absolute;left:0;right:0;margin:0 auto} */
.appGnbMain:before{background: url(../media/icon_reservation@2x.png) no-repeat center;background-size: 100%;}
.appGnbCalendar:before{background: url(../media/icon_calendar@2x.png) no-repeat center;background-size: 100%;}
.appGnbAlysis:before{background: url(../media/icon_chart@2x.png) no-repeat center;background-size: 100%;}
.appGnbMessage:before{background: url(../media/icon_message@2x.png) no-repeat center;background-size: 100%;}
.appGnbMore:before{background: url(../media/icon_more@2x.png) no-repeat center;background-size: 100%;}
.analysisList .analyTitSub { display: block; }
.analysisList .analy-startDate { display: block;}
.analysisList .analy-endDate { display: block;}
/* .analysisList .analyDateIn { width: calc(50% - 14px) !important; } */
.analyDate input{width:120px !important}
.kt-menu__item--here > .appGnbMain:before{background: url(../media/icon_reservation_on@2x.png) no-repeat center;background-size: 100%;}
.kt-menu__item--here > .appGnbCalendar:before{background: url(../media/icon_calendar_on@2x.png) no-repeat center;background-size: 100%;}
.kt-menu__item--here > .appGnbAlysis:before{background: url(../media/icon_chart_on@2x.png) no-repeat center;background-size: 100%;}
.kt-menu__item--here > .appGnbMessage:before{background: url(../media/icon_message_on@2x.png) no-repeat center;background-size: 100%;}
.kt-menu__item--here > .appGnbMore:before{background: url(../media/icon_more_on@2x.png) no-repeat center;background-size: 100%;}
.appKtMenu:before { background: url(../media/icon_more_on@2x.png) no-repeat center;background-size: 100%; }
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link{background: none;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item.kt-menu__item--here > .kt-menu__link .kt-menu__link-text{color:#000;font-weight: 500;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link{background: none;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item:not(.kt-menu__item--parent):not(.kt-menu__item--open):not(.kt-menu__item--here):not(.kt-menu__item--active):hover > .kt-menu__link .kt-menu__link-text{color:#000;font-weight: 500;}
/* 더보기 */
.btApBrMore{margin-top:15px}
.btApBrMore .kt-portlet{margin-bottom:15px}
.btApBrMore .kt-wrap__body{padding:15px}
.btApBrMore .kt-wrap__body .kt-title{font-size:16px;margin-bottom:3px}
.btApBrMore .more-mg-link{padding:0}
.btApBrMore .more-mg-link > a{display:block;position:relative;padding:10px 0;border-bottom:1px solid #eee}
.btApBrMore .kt-wrap .more-mg-link:last-of-type > a{border:none;padding-bottom:0}
.btApBrMore .la-angle-right{position:absolute;right:0;top:13px}
.goUserApp .kt-portlet{border:1px solid #EF928F}
.goUserApp .more-mg-link > a{padding:0;font-size: 14px;font-weight:500;color:#EF928F}
.goUserApp .la-angle-right{top:3px;color:#EF928F}
/* header 1024 */
.kt-subheader .kt-subheader__main .kt-subheader__title, .kt-subheader__title{display:block !important;position: fixed;left:20px;top:18px;z-index:101;font-size:1.5em;font-size:1.5em;padding:0;margin-bottom:0}
.kt-subheader__title + .headerBack{display:block !important;z-index: 102;width: 50%;height: 60px; background: #f4f3f8;position: fixed;right: 0;top: 0;margin:0}
.kt-subheader--transparent .kt-subheader .kt-subheader__main .kt-subheader__separator, .kt-subheader .kt-subheader__main .kt-subheader__breadcrumbs{display:none}
.kt-subheader.kt-grid__item{height:0;}
.analyToggleBtn{display:block;z-index:101;position:fixed;right:20px;top:14px;border:1px solid #4E546A;border-radius: 50px;padding:3px;margin:0;background: #fff;}
.analyToggleBtn li{list-style: none;float:left;}
.analyToggleBtn li a{display:block;padding:5px 12px;text-align: center;color:#4E546A;font-size: 14px;font-weight: 400;}
.analyToggleBtn li a.on{color:#fff;background: #4E546A;border-radius: 50px;font-weight: 500;}
.analysis{top:-30px;margin:0}
.analysis .kt-portlet__body{padding-top:70px !important}
.analyTab{z-index:100;left:0;top:10px;border-bottom:1px solid #dedede;padding: 0 20px;}
.analyTab > li:nth-of-type(n){width:auto;height:auto;padding:0;border:none;background: none;}
.analyTab > li a{line-height:normal;padding:10px;text-align: center;}
.analyTab > li.on a{color:#4E546A;border-bottom:2px solid #4E546A;}
.kt-subheader .kt-subheader__toolbar{z-index:101;position: fixed;right:20px;top:5px;}
/* 문자충전 header */
.messageExp .kt-portlet__head{display: none;}
.messageExp .payment-info, .payment-info > div{margin-top:10px !important}
/* 캘린더 수정 */
.storeCalendars{}
.storeCalendars .fc .fc-toolbar{display: block;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1){position: absolute;right:120px;top:-9px}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group{position: absolute;right:26px;top:0;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button{color:#4E546A;background:none;border:none}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button span{font-size: 1.8em;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button:nth-of-type(1){position: absolute;right:70px;top:0}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button:nth-of-type(2){}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) > button{position:absolute;right:59px;min-width:45px;line-height:35px;padding:0;margin:0;font-size:14px;color: #4E546A;background:none;border:none;font-weight: 600;}/*오늘*/
.storeCalendars .fc-toolbar-chunk:nth-of-type(2){margin:12px 0 0}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3){position: absolute;right:0;top:-9px}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group{border:1px solid #4E546A;border-radius: 50px;padding:3px;background: #fff;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button{float:left;padding:2px 15px;text-align: center;color:#4E546A;font-size: 14px;font-weight: 400;background-color:transparent;border-color:transparent}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button.fc-button-active{color:#fff;background: #4E546A;border-radius: 50px;font-weight: 500;border:none}
.storeCalendars .fc .fc-toolbar-title{font-size:1.15em;color:#4E546A}
.storeCalendars .virtual_icon img{width:20px !important}
.storeCalendars .fc-toolbar-title{padding-left:25px !important;top: 0px;position: absolute !important;}
.storeCalendars .fc .fc-toolbar.fc-header-toolbar{margin-bottom:30px}
.store-msg .kt-subheader .kt-subheader__toolbar a.btn-primary{background-image: url(../media/messageplus.png);background-repeat:no-repeat;background-position: 0 0;background-size: 36px 36px; color:transparent;background-color: transparent;border:none}
.store-msg .kt-subheader .kt-subheader__toolbar{max-width:36px;right:0px;top:0}
}
@media (max-width:820px){
.analysisList .analyDateIn { width: calc(50% - 14px) !important; }
.analysisList .anyCdtnBtn { width: 100%;}
.analyDate input{width:calc(100% - 40px) !important;}
}
@media (max-width:800px){
.storeCalendars .fc-toolbar-chunk:nth-of-type(1){right:0}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group {right: 0;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) > button {right: 33px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3){display: none;}
/* APP - 바텀앱바 */
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text{font-size:14px;font-weight: 400;}
}
@media (max-width:540px){
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav > .kt-menu__item > .kt-menu__link .kt-menu__link-text{font-size:12px}
.analyDgnr{width:100%;margin-right:0;}
.analysis .tab-sms-auto-menu{margin-bottom:20px}
.analyTabInTab .nav-pills{padding:8px 10px;display: block;width:100%;}
.analyTabInTab .nav-pills:after{content: "";display: block;clear: both;}
.analyTabInTab a.nav-link{float: left; width: 20%;padding: 5px 0;text-align: center;font-size:11px}
}
/* 매출통계 캔버스 */
.classPayDaily{}
#chartPayRate{}
/* 디자이너 정산 */
.Wrap-settlement {
padding: 10px;
}
.Wrap-settlement .Ws-Card {
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.Wrap-settlement .Ws-Card-Cell-Blue {
background: #5866DD;
color: #fff;
padding: 45px 0px 45px 0px;
text-align: center;
border-radius: 5px 0px 0px 5px;
font-size: 16px;
font-weight: 500;
}
.Wrap-settlement .Ws-Card-Cell-Bold {
text-align: center;
padding: 11px;
line-height: 38px;
}
.Wrap-settlement .Ws-Card-Cell-Bold-Title {
color: #1A1A1A;
font-size: 16px;
font-weight: 600;
}
.Wrap-settlement .Ws-Card-Cell-Bold-Won {
color: #5866DD;
font-size: 16px;
font-weight: 600;
}
.Wrap-settlement .Ws-Card-Cell {
text-align: center;
padding: 11px;
line-height: 38px;
}
.Wrap-settlement .Ws-Card-Cell-Title {
color: #454545;
font-size: 12px;
font-weight: 300;
}
.Wrap-settlement .Ws-Card-Cell-Won {
color: #454545;
font-size: 14px;
font-weight: 400;
}
.Wrap-settlement .Ws-Card-Cell, .Wrap-settlement .Ws-Card-Cell-Bold {line-height: 1.5;}
.Wrap-settlement .Ws-Card-Cell-Title, .Wrap-settlement .Ws-Card-Cell-Won,
.Wrap-settlement .Ws-Card-Cell-Bold-Title, .Wrap-settlement .Ws-Card-Cell-Bold-Won {padding: 10px 0;}
@media (max-width:767px) {
.Wrap-settlement .Ws-Card-Cell-Bold, .Wrap-settlement .Ws-Card-Cell {display: flex; flex-basis: 100%; padding: 5px 20px;}
.Wrap-settlement .Ws-Card-Cell-Bold-Title, .Wrap-settlement .Ws-Card-Cell-Title {flex-grow: 1; text-align: start; padding: 5px 0;}
.Wrap-settlement .Ws-Card-Cell-Bold-Won, .Wrap-settlement .Ws-Card-Cell-Won {flex-grow: 1; text-align: end; padding: 5px 0;}
.Wrap-settlement .Ws-Card-Cell-Blue {border-radius:5px 5px 0 0;}
.Wrap-settlement .row.Ws-Card .col-md-10 .row {padding:10px 0;}
}
/* 디자이너정산 */
.card-ul { padding: 0px;}
.settlement-setting {
background: #5866DD;
color: #fff;
border-radius: 3px;
font-size: 14px;
border: none;
padding: 10px;
margin-left: 16px;
}
.card-settlement {
width: 245px;
border: 1px solid #5866DD;
border-radius: 5px;
padding: 15px;
float: left;
margin-right: 20px;
cursor: pointer;
}
.card-settlement:hover {
background: #e8edff;
}
.card-set-designer {
color: #1A1A1A;
font-size: 16px;
font-weight: 500;
}
.card-set-name {
font-size: 20px;
color: #5866DD;
font-weight: 500;
}
.card-set-date {
font-size: 14px;
color: #666666;
}
.sett-manager-th {
color:#000000;
font-size:16px;
font-weight: 500;
background: #eef4fe;
}
.sett-manager-name {
color:#5866DD;
font-size:16px;
font-weight: 500;
}
.sett-manager-designer {
color:#000000;
font-size:16px;
font-weight: 500;
}
.sett-manager-date {
color:#000000;
font-size:16px;
font-weight: 500;
}
.dbData {
text-align: center;
padding: 10px;
max-width: 100px;
border-radius: 5px;
border: 1px solid #e1e1e1;
}
.sett-template-cate {
padding: 16px;
background: #4E546A1A;
border-radius: 5px;
margin-bottom: 15px;
}
.sett-template-addBtn {
background: #4E546A;
color: #fff;
width: 100px;
}
.incenTit .table th {
background: #edf5ff;
}
.incenTit .table .foot-td {
background: #f5f5f5;
}
.incenTit .table .blue-font {
color: #5866DD;
}
/* 20230406 AHJ수정 */
.mainCalendar{}
.mainCalendar h2 > .kt_datepicker{ border: none;width: 100% !important; height: 100% !important; opacity: 1 !important; top: 0; left: 0 !important; background: transparent; color: transparent; }
.mainCalendar h2 > .kt_datepicker:focus {outline:none !important;}
.msg-wrap .smsListWrap .col-md-4.text-right{padding:0}
.smsListWrap .col-md-4.text-right .btn{width:calc(50% - 5px);padding:0.65rem 0}
#order_input .smr-price-wrap .col-md-1.col8 .text-price .tp-border .btLastPayBtn button{padding:0.55rem 1rem}
@media (max-width:1640px){
.msg-wrap .reserve-insert .dotwrap{margin-right:5px}
.msg-wrap .reserve-insert .dotwrap + .col-md-4{width:30%;max-width:30%}
}
@media (max-width:1600px){
.msg-wrap .smsListWrap .row .col-md-8,
.msg-wrap .smsListWrap .row .col-md-4.text-right{flex: none;width:100%;max-width: 100%;}
.msg-wrap .smsListWrap .row .col-md-4.text-right{padding: 0 10px 0 3px;margin-bottom: 15px;margin-left: 0;}
#order_input .smt-price-wrap{padding-top:0}
}
@media (max-width:1560px){
.msg-wrap .reserve-insert .dotwrap + .col-md-4{width:100%;max-width:100%;flex: none;}
}
@media (max-width:1520px){
.smr-price-wrap .text-price{padding:4px}
.smr-price-wrap .text-price .tp-border .form-control{padding:0}
.total-pr-title{padding:15px 0}
}
@media (max-width:1500px){
.btSnbSalesInfo .info-wrap-form .left, .right{width:100%}
}
@media (max-width:1300px){
}
@media (max-width:1024px){
.btSnbGuestInfo .profile-img{display: none;}
.btSnbGuestInfo .profile-info{width:100%;padding-left:0;float: none;}
}
@media (max-width:850px){
#order_input .smr-price-wrap{padding:10px 15px}
#order_input .smr-price-wrap .col-md-1.col8{width:50%;margin-bottom:10px}
#order_input .smr-price-wrap .col-md-1.col8 .row{width:100%;margin:0}
#order_input .smr-price-wrap .col-md-1.col8 .row > div.col-6.col-md-12{padding:0;margin-right:10px;max-width:calc(50% - 10px)}
#order_input .smr-price-wrap .col-md-1.col8 .text-price{padding:0}
#order_input .smr-price-wrap .col-md-1.col8 .text-title{height:100%;box-sizing:border-box}
}
@media (max-width:767.98px){
.btSnbGuestInfo .profile-img{width:78px;display: block;}
.btSnbGuestInfo .profile-info{width:calc(100% - 78px);float: right;padding-left: 10px;}
.smsListWrap .col-md-4.text-right .btn{width:auto;padding:0.65rem 1rem}
.smsSettingWrap .form-group .input-group .form-control{margin-bottom:0}
}
@media (max-width:640px){
#order_input .smr-price-wrap .col-md-1.col8{width:100%}
#order_input .smr-price-wrap .col-md-1.col8 .row > div.col-6.col-md-12:nth-of-type(2){margin-right:0;max-width:50%}
}
.smr-price-wrap .text-price .tp-border .form-control {font-size: 12px;}
.smr-price-wrap .text-price .tp-border .tp-label {font-size: 12px;}
/** 관리자 세팅 업종 카테고리 **/
.manager-setting-category ul {
list-style:none;
}
.manager-setting-category ul li {
float: left;
margin-right: 10px;
}
/** 231023 **/
.mb, .mb900{display: none;}
.hideBoxTb, .hideBoxMb{border:none !important;box-shadow: none !important;}
.btSnbSettingInfo .galleryFormWrap{margin:0}
.btSnbSettingInfo .gallery-form{width:100%}
.messageExp .card-body{padding:30px 20px 20px}
.messageExp .card-body .col-md-6:nth-of-type(1){flex: 0 0 35%;max-width: 35%;}
.messageExp .card-body .col-md-6:nth-of-type(2){flex: 0 0 65%;max-width: 65%;padding:0}
.messageExp .card-body .cpw{margin-top:0}
.messageExp .card-body hr{margin:30px 0 40px}
.messageExp .crg-btn{margin-top:0}
/* .messageExp .btn-primary {font-weight:bold} */
.messageExp .btn-primary span{display: inline-block;margin-right:5px;}
.messageExp .card-deck .card{margin-bottom:30px;box-shadow: 1px 1px 5px 5px rgb(87, 102, 219, 0.07);}
.btSnb1 .btSnbForm{word-break: keep-all;}
.analyDate .analyDateIn{height:41.5px}
.analyDate .ui-datepicker-trigger{width:41.5px;height:41.5px;right:-2px}
/*.btGuest .rsvtnLHead{display: block;}
.btGuest .rvtnLSel, .btGuest .rvtnLDatePickWrap, .btGuest .rvtnLSrch, .btGuest .rvtnLSrchBtn{float:left;margin-right:10px}
.btGuest .rvtnLSel{width:calc(15% - 10px);padding:0px 10px; display:inline-block;box-sizing: border-box;}
.btGuest .rvtnLDatePickWrap{width:40%;}
.btGuest .rvtnLSrch{width:calc(30% - 80px);}
.btGuest .rvtnLSrchBtn{width:60px;margin-left:0 !important}*/
.btGuest .rvtnLSel{width:150px}
.btGuest .rvtnLSrch{width:200px;display: inline-block;}
@media (max-width:1400px){
.hideBoxTb{display: none !important;}
.kt-wrap__body .kt-title{font-size:16px}
.btSnb1 .kt-portlet__body .form-group label{width:100%}
.btSnb1 .btSnbForm .btTxtRed{display: block;}
}
@media (max-width:1260px){
.mainTbDispNone + .mainCalendar{flex:0 0 100%;max-width:100%;}
.storeCalendars .mainTbDispNone{display:none}
.storeLeftArrow{position: relative;}
.storeLeftArrow a:nth-of-type(1){position: absolute;left:-10px;top:0}
.storeLeftArrow a:nth-of-type(2){position: absolute;right:0px;top:0}
.btSnb3 .slc-form-today, .btSnb3 .slc-form-resnot{top:30px}
.btGuest .rvtnLSrch, .btGuest .kt-form button.btn.rvtnLSrchBtn{float:left;}
.btRsvLAnalyDate{width:130px}
.btGuest .rvtnLSel{width:120px}
.analyBoxTit {font-size: 14px;}
.analyCard > .analyBox:nth-of-type(n){width:calc(50% - 5px);margin-right:10px}
.analyCard > .analyBox:nth-of-type(2n){margin-right:0}
}
@media (max-width:1024px){
.storeCalendars .mainCalendar{flex: 0 0 100%;max-width: 100%;}
.storeLeftArrow a:nth-of-type(1){position: inherit;left:inherit}
.storeLeftArrow a:nth-of-type(2){position: inherit;left:inherit}
.btSnb3 .slc-form-today {left: -85px;}
.btSnb3 .slc-form-resnot {left: 65px;}
.btSnb1 .btSnbForm .btTxtRed{display: inline-block;}
.btRsvLAnalyDate input{width:100px !important}
.btRsvLAnalyDate .ui-datepicker-trigger {right:-42px}
.btRsvLAnalyDate.analy-startDate{margin-right:10px}
}
@media (max-width:910px){
.mb900{display: block;}
#sortGoods .list-sort td {font-size: 12px;}
}
@media (max-width:870px) {
.store-msg .btPush .msg-wrap .smsListWrap .row {width:100%;}
}
@media (max-width:760px){
.analyBox{float:none;width:100%}
.analyBox:nth-of-type(odd){margin-right:0}
.analySelect{width:100%}
.analySlctSmall .analySelect{width:calc(50% - 2.5px);float:left;margin-right:5px}
.analySlctSmall .analySelect:nth-of-type(2n){margin-right:0}
.analySlctSmall:after{content:"";display: block;clear: both;}
.analyCard > .analyBox:nth-of-type(n){width:100%;margin-right:0}
.kt-container {
padding:0 0px;
}
}
@media (max-width:840px) {
.mb{display: block;}
.hideBoxMb{display: none !important;}
.payment-wrap .crg-btn button{padding:7px 0 10px}
.payment-wrap .card-title{margin-bottom:20px}
.card-deck{-webkit-box-orient: vertical;flex-flow: column;}
.btRsvLAnalyDate.analy-startDate{margin-right:0}
.btRsvLAnalyDate .analyDateIn{width:100% !important}
.btRsvLAnalyDate .ui-datepicker-trigger{right:-4px}
.btRsvLAnalyDate input{width:93px !important}
}
@media (max-width:600px){
.btGuest .kt-form button.btn.rvtnLSrchBtn{height:40px;margin:5px 0 0 0}
.btGuest .kt-form .form-control.rvtnLSel{width:100%;margin-bottom:5px}
.rvtnLDatePickWrap.analyDate{margin-right:0}
}
@media (max-width:576px) {
.btSnbSettingInfo .btSetBox1, .btSnbSettingInfo .btSetBox2{flex: 0 0 100%; max-width: 100%;}
}
@media (max-width:480px) {
.btSnbSettingInfo .btSnbSetUpload{width:100%}
}