.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}
.f-medium {font-weight: 500 !important;}
.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}
.txt-green {color:#25C75A !important;}
.txt-gray {color: rgb(26, 26, 26, 0.38) !important;}
.txt-navy {color: #303D4E !important;}
.txt-navy-50 {color: rgb(48, 61, 78, 0.5) !important;}
.txt-blue3 {color: #0D50AB !important;}
.txt-black {color: #000;}
.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-navy {border: 1px solid #303D4E; background-color: #303D4E; color: #fff;}
.btn-navy:hover {border: 1px solid #282a3c; background-color: #282a3c; color: #fff;}
.btn-red2 {border: 1px solid #FC4F25; background-color: #FC4F25; color: #fff;}
.btn-red2:hover {border: 1px solid #ff3212; background-color: #ff3d21; color: #fff;}
.btn-blue {border: 1px solid #0D50AB; background-color: #0D50AB; color: #fff;}
.btn-blue:hover {border: 1px solid #2739c1; background-color: #2739c1; color: #fff;}
.btn-gray {background-color: rgba(0, 0, 0, 0.1); color: #454545; border: 1px solid rgba(0, 0, 0, 0);}
.btn-gray:hover {background-color: rgba(0,0,0,.3);border: 1px solid rgba(0, 0, 0, 0);}
.btn-blue2 {border: 1px solid #5866DD !important; background-color: #5866DD !important; color: #fff !important;}
.btn-blue2:hover {border: 1px solid #5866DD !important; background-color: #5866DD !important; color: #fff !important;}
.btn-black {background-color: #000; border: 1px solid #000; color: #fff;}
.btn-black:hover {background-color: #000; color: #fff;}
.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}
.mb-20 {margin-bottom: 20px;}
.pt-10{padding-top:10px}
.pb-10{padding-bottom:10px}
.pb-30 {padding-bottom: 30px;}
.mb-30 {margin-bottom: 30px;}
.mt-30 {margin-top: 30px;}
.mb-60 {margin-bottom: 60px;}
.mt-60 {margin-top: 60px;}
.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 */
.kt-header {z-index: 3;}
.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:18px}
.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 .payBtnNaver{background:#fff;color:#25C75A;border:1px solid #25C75A;width:135px} /*네이버할인*/
.custServi .btLastPayBtn .payBtnNaver:hover{background:#25C75A;color:#ffffff;border:1px solid #25C75A;width:135px}
/*.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}
.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%}
/* 매장관리 > 사용메뉴얼 > 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:60px 80px 65px;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:auto; height: 40px;}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__logo img{width:auto; height: 100%;}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .topBar {z-index:100;position: fixed;left:0;top:0; width:100%;background: #fff; padding:20px 16px 16px;box-sizing: border-box;border-bottom:1px solid rgba(0, 0, 0, 0.12)}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .topBar h3 {font-size: 16px; text-align: center;}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .btnTop{position: absolute;top:16px;width:24px;height:24px;}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .btnTop img{width:100%;height:100%}
.btLogin.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .btnTopLeft{left:16px;}
.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%; border-radius: 5px;}
.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); border-radius: 5px;}
.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)}
/* 간편로그인 추가 */
.login-border {height: 1px; background: rgba(0,0,0,0.38); width: 100%; border: none; margin:50px auto; font-size: 14px; line-height: 14px;}
.login-border::after {content: "또는"; display: inline-block; padding: 0px 8px; background: rgb(255,255,255); position: absolute; left: 50%; transform: translate(-50%, -50%); color: rgba(0,0,0,0.38); font-weight: 500;}
.btLogin .btn-login-kakao {width: 100%; padding: 15px; display: flex; align-items: center; position: relative; overflow: hidden; background-color: #F9E000; border-radius: 5px; border: none; color: #000; }
.btLogin .btn-login-kakao img {width: 18px; height: 16px;}
.btLogin .btn-login-kakao span {display: inline-block; width: 100%; margin-left: -18px; font-weight: 500; color:#000; text-align: center; line-height: 20px;}
/* 회원관리 */
.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; }
.kt-grid > .kt-grid__item.btPlicy{max-width: 1280px; margin: 0 auto; line-height: 1.6;}
.btPlicy h4{font-weight:600;color:#1A1A1A;font-size:2.85rem}
.btPlicy h5{font-size:1.7rem;font-weight:bold}
/* .btPlicy h5:before{content:"";display:inline-block;width:8px;height:8px;background:#5867dd;position:relative;top:-3px;margin-right:8px;border-radius:50%} */
.btPlicy select {width: 250px;}
.btPlicy table {width: 100%; text-align: center; font-size: 16px; background-color: #fff; margin-top: 30px;}
.btPlicy table th {border: 1px solid rgba(0,0,0,0.38); border-top: 2px solid #000000; border-bottom: 2px solid #000000; padding: 18px; word-break: keep-all; }
.btPlicy table td {border: 1px solid rgba(0,0,0,0.38); padding: 30px; word-break: keep-all;}
.btPlicy table th:first-child, .btPlicy table td:first-child {border-left: none;}
.btPlicy table th:last-child, .btPlicy table td:last-child {border-right: none;}
.btPlicy hr {margin: 60px 0 0;}
.btPlicy .btPlicy-tit {font-size: 20px; color:#333333; padding-top: 30px;}
.btPlicy .btPlicy-content {padding-top: 60px;}
.btPlicy .btPlicy-content p { margin: 0;}
.btPlicy .btPlicy-content > p {color: #333333; font-size: 16px; font-weight: 500;margin-top: 30px;}
.btPlicy .detail-indent {padding-left: 15px; margin-top: 15px;}
.btPlicy .detail-indent p {font-size: 16px; color: #333333;}
.btPlicy .detail-indent > p:not(:first-child) {margin-top: 15px;}
.btPlicy .detail-indent > .detail-indent {color: #666666; margin-top: 8px;}
.btPlicy .btPlicy-date {font-weight: 400 !important;}
.snbLOpenBtn-title { display: none;}
.btPlicy table.btPlicy-price thead tr th { width:33.33%; }
.btPlicy .btPlicy-goods { display:flex; justify-content: space-between; align-items: center; width:100%; }
.btPlicy .btPlicy-goods p:first-child { text-align: start; }
.btPlicy .btPlicy-goods p::nth-child(2) { text-align: end; }
.btFooterWrap .kt-footer__top {background-color: #1E1E2D; padding:2.1rem 0;}
.btFooterWrap .kt-container {width: 1600px;}
.btFooterWrap.kt-footer .kt-footer__top .kt-footer__section .kt-footer__title {font-size:1rem;}
.btFooterWrap.kt-footer .kt-footer__top .kt-footer__section .kt-footer__content {font-size: 12px; color: rgba(255,255,255,0.8);line-height: 1.6;font-weight: 400; word-break: keep-all;}
#kakao-talk-channel-chat-button {margin-bottom: 6px;}
#kakao-talk-channel-chat-button img {height: 40px;}
.btFooterWrap .copyright {font-size: 12px; color: rgba(255,255,255,0,6);}
/******************************** media queries start ********************************/
@media (max-width:1800px) {
/* header */
.btHead .btHeadWrap .btGnb > li{padding-right:30px}
}
@media (max-width:1700px) {
.btFooterWrap .kt-container {width: 100%; padding: 0 10px;}
}
@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:1499px) {
.btFooterWrap .kt-container {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:17px}
}
/******************************* 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.designer-account {right: 15px;}
.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 20%;max-width:20%;position:absolute;left:0;top:0; padding: 10px 0 0;}
.btCustomer .btCustomerIn1 .btGender{width:70px}
.btCustomer .btCustomerIn1 .kt-block-inline{display:block}
.btCustomer .btCustomerTb {width: 80%; margin-left: auto;}
.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; position: relative;}
.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}
.btContIn .sendIt .form-inline {padding: 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}
.btPlicy select {width: 100%;}
.btPlicy h5 {font-size: 20px;}
.btPlicy table {font-size: 12px;}
.btPlicy table th {padding: 10px;}
.btPlicy table td {padding: 20px 10px;}
.btPlicy .btPlicy-tit {font-size: 16px;}
.btPlicy .btPlicy-content > p {font-size: 14px;}
.btPlicy .detail-indent p {font-size: 14px;}
/* footer */
.btFooterWrap .kt-footer__top {padding-bottom: 80px;}
.btFooterWrap.kt-footer .kt-footer__top .kt-footer__section .kt-footer__content .pc {display: none;}
}
/****************************** 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% - 150px)}
.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:100px 8% 15%}
.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 100%;max-width:100%; position: relative; padding: 0 0 20px 0;}
.btCustomer .btCustomerIn2{flex:0 0 50%;max-width:50%;margin-left:40%;margin-bottom:25px;min-height:125px}
.btCustomer .btCustomerTb {width: 100%; margin-left: 0;}
/* 매장관리 > 사용메뉴얼 */
.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}
.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}
.btSnb3 .cal-date-wrap {margin: 0 auto; width: fit-content; display: inline-block;}
.btSnb3 .st-naver .cal-date-wrap {display: block;}
.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 1rem !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}
/* 이번달 통계 */
.kt-wrap__body{padding:10px; padding-top:17px}
.kt-wrap__body .kt-title{font-size:18px;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;
}
.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;
}
.btSnbSalesInfo .info-wrap-form .iw-left{color:#787878}
.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 .pointer:hover {
background-color: #def6ee;
}
.btSnbGuestInfo .info-wrap-form-3 .iw-left{color:#787878; }
.btSnbGuestInfo .info-wrap-form-3 .iw-right {color:#000000;float:right;font-weight:600}
.btSnbGuestInfo .info-wrap-form-3 .iw-right.point {color:#5866DD;}
/* 고객 프로필 */
.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; line-height: normal;}
.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;
}
.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:45px}
.payment-info .pi-p {margin-top:30px}
.payment-info .pi-p p {font-size:24px;font-weight:500;margin-bottom:0px}
.payment-info .pi-g {color:#454545;margin-top:10px;font-size:18px}
.payment-cont {margin-top:25px}
.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:#555;font-size:18px}
.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:16px;}
.payment-wrap .crg-btn .btn-crg {font-weight: bold; color: #fff;}
.payment-wrap .crg-btn .btn-crg-r {background: linear-gradient(90deg, #F04D8E, #FD9C1B); color: #fff; font-weight: bold; border: none;}
.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: left;}
.payment-wrap .ctw-r {background-color: rgba(240, 77, 142, 0.1);}
.payment-wrap .ctw-p {background-color: #eeeffc;}
.payment-wrap .ctw {border-radius: 5px; padding: 20px; font-size: 14px; color: #000; margin: 25px 0;}
.payment-wrap .ctw p {margin-bottom: 8px;}
/* 결제 페이지 리뉴얼 20250226 */
.btPayment .kt-portlet .kt-portlet__head{padding: 30px; border-bottom: 1px solid #D9D9D9;}
.payment-wrap-n {position: relative;}
.payment-hd {position: relative;}
.payment-hd > ul {border-radius: 28px; border: 1px solid rgba(0, 0, 0, 0.12); padding: 4px; width: 331px; display: flex; margin: 0; justify-content: space-between; flex-wrap: nowrap;}
.payment-hd > ul .nav-item {margin: 0; padding: 0;}
.payment-hd > ul .nav-item .nav-link {display: block; font-weight: 500; color: rgba(0,0,0,0.38); font-size: 18px; padding: 10px 37px 12px; transition: none; border: none; border-radius: 0;}
.payment-hd > ul li:first-child .nav-link {padding: 10px 28px 12px; border: none;}
.payment-hd > ul .nav-item .nav-link.active {background: linear-gradient(90deg, #F04D8E, #FD9C1B); border-radius: 24px; color: #fff;}
.payment-hd > ul .nav-item .nav-link:hover, .payment-hd > ul .nav-item .nav-link:focus {color: rgba(0,0,0,.38); border: none; transition: none;}
.payment-hd > ul .nav-item .nav-link.active:hover, .payment-hd > ul .nav-item .nav-link.active:focus {color: #fff; border: none; transition: none;}
.payment-card-wrap {display: flex; gap: 30px; padding: 0;}
.payment-card-wrap > li { width: calc((100% - 60px) / 3); max-width: 453px; border-radius: 5px; list-style: none; border: 1px solid #d9d9d9;}
.payment-card-wrap > li .payment-card {display: block; position: relative; padding: 30px; height: -webkit-fill-available; }
.payment-card .payment-card-info {padding-bottom: 30px; border-bottom: 1px solid #D9D9D9;}
.payment-card .payment-card-info .info-tit {font-size: 20px; font-weight: bold; color: #000; margin-bottom: 15px;}
.payment-card .payment-card-info .payment-price {font-size: 16px; color: rgba(51, 51, 51, 0.6); font-weight: 500; margin-bottom: 10px; word-break:break-word; line-height: 1.429;}
.payment-card .payment-card-info .payment-price > span {font-size: 28px; font-weight: bold; color: #F04D8E; }
.payment-card .payment-card-info .tag-Pay {display: inline-block; height: 30px; font-size: 14px; font-weight: bold; padding: 4.5px 11px 5.5px; background-color: rgba(240, 77, 142, 0.1); border-radius: 20px; color: #FC6378; line-height: 20px; vertical-align: text-bottom;}
.payment-card .payment-card-info .btn-lgpo {display:block; background: linear-gradient(90deg, #F04D8E, #FD9C1B); color: #fff; font-weight: bold; border: none; border-radius: 5px; padding: 14px 16px 17px 16px; font-size: 20px; text-align: center;}
.payment-card .payment-card-info .s9Paysm {margin-bottom: 30px;}
.payment-card .payment-card-info .s9Paysm span:first-of-type{font-size: 16px; color: rgba(0,0,0,0.6);}
.payment-card .payment-card-info .s9Paysm span:last-of-type {font-size: 20px; color: #000; margin-left: 5px; font-weight: 500;}
.payment-card .payment-list-wrap {margin-top: 30px;}
.payment-card .payment-list-wrap .payment-list-tit{font-size: 16px; color: #000; margin-bottom: 10px; font-weight: bold;}
.payment-card .payment-list-wrap .payment-list {padding: 0;}
.payment-card .payment-list-wrap .payment-list + .payment-list-tit {margin-top: 30px;}
.payment-card .payment-list-wrap .payment-list li{display: flex; align-items: flex-start;}
.payment-card .payment-list-wrap .payment-list li:not(:last-of-type) {margin-bottom: 8px;}
.payment-card .payment-list-wrap .payment-list li span:first-of-type {margin-right: 10px;}
.payment-card .payment-list-wrap .payment-list li span:first-of-type img{object-fit: contain; width: 20px;}
.payment-card .payment-list-wrap .payment-list li span:nth-of-type(2) {line-height: 1; font-size: 16px; color: rgba(0,0,0,0.8); padding-top: 1px; line-height: 1.4;}
.payment-wrap-n .icon-vat {position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: 26px; color: rgba(69,69,69,0.6); font-size: 18px; font-weight: 400; font-family: 'NotoSansKR';}
.payment-wrap-n .icon-vat img {margin-right: 10px; object-fit: contain; width: 20px; height: 20px; vertical-align: text-bottom;}
.payment-wrap-n .icon-vat#addServiceInfo {top: 0; transform: none;}
/* 부가서비스 안내 */
.add-card-wrap-hd {position: relative;}
.add-card-wrap-hd .icon-vat{color: rgba(69,69,69,0.6); font-size: 18px; cursor: pointer;}
.add-card-wrap {display: flex; flex-wrap: wrap; gap: 30px;}
.add-card-wrap .add-card{display: flex; flex-direction: column; width: calc((100% - 60px) / 3); height: 100%; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px; padding: 30px 30px 15px;}
.add-card-hd {border-bottom: 1px solid #D9D9D9; padding-bottom: 30px;}
.add-card-wrap .add-card-tit {position: relative; display: block; padding-right: 74px; font-size: 20px; font-weight: bold; color: #1A1A1A;}
.add-card-wrap .add-card-tit span {position: absolute; top: 0; right: 0; margin-left: auto; color: rgba(0, 0, 0, 0.38); font-weight: 400; font-size: 12px;}
.add-card-wrap .add-card-tit span img {width: 14px; height: 14px; margin-right: 3px; vertical-align: sub;}
.add-card-price {color: rgba(69, 69, 69, 0.6); font-weight: 500; font-size: 16px; padding-top: 15px;}
.add-card-price span {font-size: 28px; color: #000; font-weight: bold;}
.add-card-info ul{list-style: none; padding-left: 0; margin-bottom: 0; margin-top: 15px;}
.add-card-info ul li {padding:0; color: #0D50AB; font-size: 12px; padding-top: 2px;}
.add-card-dt {padding-top: 15px; font-size: 14px; color: #0D50AB; text-align: center; cursor: pointer;}
.add-card-dt img {margin-left: 15px; object-fit: contain; width: 12px; color: #0D50AB; transform: rotate(180deg);}
.add-card-info.show + .add-card-dt img {transform: rotate(0);}
/* 정기결제 모달 */
#addServiceInfoModal .service-info {padding-bottom: 20px; color: #000;}
#addServiceInfoModal .service-info p{font-size: 16px; font-weight: 500; margin-bottom: 5px;}
#addServiceInfoModal .service-info > div{font-size: 14px; font-weight: 400; margin-bottom: 0px;}
#addServiceInfoModal .service-info + .service-info {border-top: 1px solid #d9d9d9; padding-top: 20px;}
/* 상품정보페이지 */
.payment-wrap-n.exp-info {}
.add-card-st {display: block; width: 100%; padding: 16px 16px 18px 16px; font-size: 18px; font-weight: 500; line-height: 1.445; border-radius: 5px; margin-top: 20px; border:1px solid rgba(0,0,0,.0); background-color: #fff;}
.add-card-st[readonly], .add-card-st:disabled{background-color: rgba(0,0,0,.03); color: rgba(0, 0, 0, 0.6); cursor: auto;}
.add-card-st.st-edit {border-color: #0D50AB; color: #0D50AB;}
.add-card-st.st-edit:hover {background-color: #0D50AB; color: #fff;}
.add-card-st.st-apply { background-color: #0D50AB; color: #fff;}
.add-card-st.st-apply:hover {border: 1px solid #09418f; background-color: #09418f; color: #fff;}
.payment-wrap-n.exp-info .service-progress-tit{font-size: 16px;}
.exp-info .td-total {font-size: 16px;}
.exp-info .td-total span{font-size: 20px;}
.exp-info .table-responsive.kt-font-lg {font-size: 16px !important;}
.payment-wrap-n.product-info {}
.payment-wrap-n.product-info .add-card-wrap .add-card{padding-bottom: 30px;}
.payment-wrap-n.product-info .kt-title {margin-bottom: 20px;}
.payment-wrap-n.product-info .payment-card-wrap > li {width: 100%; max-width: 416px;}
.payment-wrap-n.product-info .service-progress-wr {height: 44px;}
/* 시술 결제 */
.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.35rem 0.6rem}
.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:80%;
display:inline-block;
}
.smr-price-wrap .text-price .tp-border .tp-label {
}
.smr-price-wrap .info-price {font-size: 13px; padding: 0 10px 10px; color: #4E546A; text-align: center;}
.smt-price-wrap{padding-top:0px}
.total-pr-price {
display: flex;
justify-content: center;
align-items: center;
background:#5866DD;
color:#fff;
text-align:center;
padding:10px;
border-radius:5px 5px 0px 0px;
font-weight: 500;
}
.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:calc(100% - 20px);
display:inline-block;
text-align:right;
font-size:22px;
}
.total-pr-title span {
font-weight:bold;
}
.total-pr-title .pr-wait {
padding: 5px 10px;
margin: auto 0;
font-size: 12px;
font-weight: normal;
color: #fff;
background-color: #8c8fa4;
border-radius: 4px;
height: 100%;
}
.total-pr-title .text-title {
color: #4E546A;
font-weight: 500;
}
.awt-pr .total-pr-price {
background-color: #303D4E;
}
.awt-pr .total-pr-title {
border:1px solid #303D4E;
}
.awt-pr .total-pr-title input {
color: #303D4E;
}
.naver-pr .total-pr-price {
background-color: #25C75A;
}
.naver-pr .total-pr-title {
border:1px solid #25C75A;
padding-bottom: 9px;
padding-top: 3px;
height: 87px;
}
.naver-pr .total-pr-title input {
color: #25C75A;
}
.naver-pr .total-pr-title .total-pr-title-cont:first-of-type {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.pr-naver-coupon {
position: relative;
display: block;
width: fit-content;
background: rgb(37, 199, 90, .1);
border-radius: 5px;
color: #25C75A;
padding: 8px 21px 11px 41px;
margin: 0 auto 6px;
font-weight: bold;
line-height: 1.5;
white-space: nowrap;
}
.pr-naver-coupon::before {
content: '';
position: absolute;
display: inline-block;
left: 20px;
top: 50%;
transform: translateY(-50%);
background: url('./img/sub/icon_naverCupon.png')no-repeat center center;
width: 16px;
height: 16px;
}
.pr-naver-coupon:hover {
cursor: pointer;
}
/* 시술 상태 */
.tag-state {
display: inline-block;
padding: 3px 10px 5px;
margin-left: 10px;
font-size: 12px;
font-weight: 500;
line-height: 17px;
text-align: center;
letter-spacing: -0.04px;
border-radius: 5px;
}
.tag-state + .tag-state {margin-left: 5px;}
.tag-waiting {width: 66px; background-color:#F6F7FD; border:1px solid #5866DD; color :#5866DD}
.tag-confirm {width: 66px; background-color: #5866DD; border:1px solid #5866DD; color: #fff;}
.tag-inprogress {width: 66px; background-color: #E682AA; color: #fff;}
.tag-completed {width: 66px; background-color: #EDEEF0; border:1px solid; border-color:rgba(0, 0, 0, 0.12); color:rgba(0, 0, 0, 0.6);}
.tag-cancel {width: 66px; background-color:#d9d9d9; border:1px solid #d9d9d9; color : rgba(255, 255, 255, 0.6);}
.tag-noshow {width: 66px; background-color: #f56565; border:1px solid #f56565; color : rgba(255, 255, 255, 0.6);}
.tag-refund {width: 66px; background-color: #AAAAAA; border:1px solid #AAAAAA; color : rgba(255, 255, 255, 0.6);}
.tag-naver {background-color: #25C75A; color: #fff;}
.tag-naver-waiting {background-color: #8C8FA4; color: #fff; margin-left: 5px;}
.tag-naver-cancel-noshow-reservation {background-color: #f43f3f; color: #fff;}
/* 시술 최근 이용 내역 */
.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 .ref{border:1px solid #25C75A; background:#fff; color:#25C75A}
.store-main-res-list .ref:hover{background:#25C75A; color:#fff}
.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}
/* 시술스타일 */
.detail-filter-box {padding: 20px 0;}
.detail-filter-box::before, .detail-filter-box::after {content: ""; display: table;}
.detail-filter-box::after { clear: both;}
.select-gender select {position: relative; width: 80px; height: 45px; border: 1px solid #D9D9D9; border-radius: 5px; padding: 10px 12px 12px;}
.detail-filter-box .style-group {margin-right: 10px;}
.detail-filter-box .style-group .btn.btn-naver-g {border: 1px solid #CCCCCC; color: #454545; background-color: #fff; font-size: 14px; font-weight: 500; padding: 11px 20px;}
.detail-filter-box .style-group .btn.btn-naver-g.active {border: 1px solid #25C75A; background-color: #25C75A; color: #fff; font-size: 14px; padding: 11px 20px;}
.detail-filter-box .style-group .btn:first-child {border-top-left-radius: 5px; border-bottom-left-radius:5px;}
.detail-filter-box .style-group .btn:last-child {border-top-right-radius: 5px; border-bottom-right-radius:5px;}
.detail-box {border: 1px solid #D9D9D9; border-radius: 5px;}
.detail-box + .detail-box {margin-top: 10px;}
.detail-box-header {position: relative; padding: 12px 70px 12px 15px;}
.detail-box-header .detail-tit {font-size: 16px; color: #4E546A;}
.detail-box-header .detail-sub-tit {font-size: 12px; font-weight: bold; margin-left: 10px; color: #25C75A; vertical-align: text-top;}
.detail-box-header .detail-text{color: #25C75A; font-size: 12px; font-weight: bold;}
.detail-box-header .detail-text:empty {display: none;}
.detail-count {position: absolute; right: 42px; top: 16px; font-size: 12px; color: #4E546A; line-height: 1.42;}
.detail-box-header > button {position: absolute; top: 0; right: 0; padding: 13px 15px 14px; background-color: transparent; border: none;}
.detail-box .detail-box-btn i {display: inline-block; width: 12px; height: 8px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.detail-box .detail-box-btn i.btn-up {background-image: url(../media/new/icon_arrow_close_big.png);}
.detail-box .detail-box-btn i.btn-down {background-image: url(../media/new/icon_arrow_open_big.png);}
.detail-box-body {padding: 0 15px; margin-bottom: -5px;}
.detail-box-body.hidden {display: none;}
.detail-box-body::before {content: ''; display: block; height: 1px; width: 100%; background-color: rgba(0, 0, 0, 0.12);}
.detail-box-body ul {display: flex; flex-wrap: wrap; padding-top: 15px; margin-bottom: 0;}
.detail-box-body ul li {flex: 0 0 33.33%; width: 33.33%; padding: 0 10px 15px 0;}
.detail-box-body ul li:first-child {}
.kt-checkbox.chk-naver > span {border-radius: 3px; border: 1px solid #D9D9D9;}
.kt-checkbox.chk-naver > input {color: #454545;;}
.kt-checkbox.chk-naver > input:checked ~ span{background: #25C75A; border: 1px solid #25C75A;}
.kt-checkbox.chk-naver > span:after {border: solid #fff;}
.style-area {background-color: rgba(37, 199, 90, 0.1); border-radius: 5px; border: none; padding: 10px 15px 0px;}
.style-area .style-cont:empty {display: none;}
.style-area .style-cont ul li {display: inline-block; margin: 0 10px 10px 0;}
.style-area .style-cont ul li button {font-size: 14px; color: #fff; padding: 9px 15px 11px; border-radius: 20px; background-color: #000; border: none; white-space: nowrap;}
.style-area .style-cont ul li button img {width: 16px; height: 16px; background-color: transparent; margin-left: 10px;}
.btn-naver-style {color: #25C75A; padding: 10px; padding-bottom: 20px; white-space: nowrap; font-weight: 500;}
.btn-naver-style:hover {color: #25C75A;}
.btn-naver:hover {background-color: #25C75A; border: 1px solid #25C75A; color: #fff;}
.btn-naver {background-color: #25C75A; border: 1px solid #25C75A; color: #fff;}
/* 기본정보 설정 */
.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 (min-width:840px) and (max-width:1325px) {
.payment-card .payment-card-info .tag-Pay {display: block; margin-left: 0 !important; margin-top: 10px; width: fit-content;}
}
@media (max-width:1200px) {
.payment-card-wrap > li .payment-card {padding: 20px;}
.add-card-wrap .add-card {width: calc((100% - 30px) / 2);}
}
@media (max-width:840px) {
/* 결제 페이지 리뉴얼 20250226 */
.btPayment .kt-portlet .kt-portlet__head{}
.payment-wrap-n {}
.payment-wrap-n .payment-info .pi-g{font-size: 14px;}
.payment-hd {}
.payment-hd > ul { margin: 0 auto; width: 100%; max-width: 330px;}
.payment-hd > ul .nav-item {width: 50%; text-align: center;}
.payment-hd > ul .nav-item .nav-link {padding: 10px; font-size: 14px;}
.payment-hd > ul li:first-child .nav-link {padding: 10px;}
.payment-hd > ul .nav-item .nav-link.active {}
.payment-hd > ul .nav-item .nav-link:hover, .payment-hd > ul .nav-item .nav-link:focus {}
.payment-hd > ul .nav-item .nav-link.active:hover, .payment-hd > ul .nav-item .nav-link.active:focus {}
.payment-card-wrap {flex-direction: column; gap: 15px;}
.payment-card-wrap > li {width: 100%; max-width: 100%;}
.payment-card-wrap > li .payment-card {padding: 15px;}
.payment-card .payment-card-info {padding-bottom: 15px;}
.payment-card .payment-card-info .info-tit {font-size: 14px; margin-bottom: 5px;}
.payment-card .payment-card-info .payment-price {font-size: 14px;}
.payment-card .payment-card-info .payment-price > span {font-size: 20px;}
.payment-card .payment-card-info .tag-Pay {height: 27px; font-size: 12px; padding: 5px 10px; line-height: 17px;}
.payment-card .payment-card-info .btn-lgpo {padding: 11px 10px 10px; font-size: 16px;}
.payment-card .payment-card-info .s9Paysm {margin-bottom: 15px;}
.payment-card .payment-card-info .s9Paysm span:first-of-type{font-size: 12px;}
.payment-card .payment-card-info .s9Paysm span:last-of-type {font-size: 14px;}
.payment-card .payment-list-wrap {margin-top: 22px;}
.payment-card .payment-list-wrap .payment-list-tit{font-size: 12px;}
.payment-card .payment-list-wrap .payment-list {}
.payment-card .payment-list-wrap .payment-list + .payment-list-tit {margin-top: 15px;}
.payment-card .payment-list-wrap .payment-list li{}
.payment-card .payment-list-wrap .payment-list li:not(:last-of-type) {margin-bottom: 10px;}
.payment-card .payment-list-wrap .payment-list li span:first-of-type {}
.payment-card .payment-list-wrap .payment-list li span:first-of-type img{width: 16px;}
.payment-card .payment-list-wrap .payment-list li span:nth-of-type(2) {font-size: 14px;}
.payment-wrap-n .icon-vat {}
.payment-wrap-n .icon-vat img {width: 16px; height: 16px; margin-right: 5px;}
.payment-wrap-n .payment-hd .icon-vat {display: none;}
.payment-wrap-n .icon-vat#addServiceInfo {position: relative; margin-bottom: 30px; line-height: 20px; width: fit-content;}
.payment-card-detail {width: 100%; text-align: center; font-size: 14px; padding-top: 15px; background-color: #fff; cursor: pointer;}
.payment-card-detail img {position: relative; object-fit: contain; margin-left: 17px; width: 12px; height: auto; top: 2px;}
.payment-card .payment-list-wrap.show + .payment-card-detail img {transform: rotate(180deg);}
.payment-wrap-n .kt-mb-15-mobile {margin-bottom: 15px !important;}
/* 부가서비스 안내 */
.add-card-wrap-hd {}
.add-card-wrap-hd .icon-vat{ font-size: 14px;}
.add-card-wrap {gap: 15px;}
.add-card-wrap .add-card{width: 100%; padding: 15px;}
.add-card-hd {padding-bottom: 15px;}
.add-card-wrap .add-card-tit {font-size: 14px;}
.add-card-wrap .add-card-tit span {padding-top: 6px;}
.add-card-wrap .add-card-tit span img {}
.add-card-price {font-size: 14px; padding-top: 5px;}
.add-card-price span {font-size: 20px;}
.add-card-info ul{}
.add-card-info ul li {}
.add-card-dt {}
.add-card-dt img {}
/* 상품정보페이지 */
.add-card-st {padding: 9px 10px 9px; font-size: 14px; line-height: normal;}
.payment-wrap-n.exp-info .service-progress-tit {font-size: 14px;}
.payment-wrap-n.product-info .payment-card-wrap > li {width: 100%; max-width: 100%;}
.payment-wrap-n.product-info .service-progress-wr {height: auto;}
.payment-wrap-n.product-info .add-card-wrap .add-card {padding: 15px;}
}
@media (max-width:768.98px) {
.exp-info .td-total {font-size: 15px;}
.exp-info .td-total span{font-size: 18px;}
}
@media (max-width:640px) {
.btSnbSettingInfo .cm5{padding:0px; }
.btSnbSettingInfo .cm7{padding: 0px 20px 20px 20px;text-align: right; }
}
@media (max-width:440px) {
.btn-naver-style{white-space: normal; word-break: keep-all;}
}
@media (max-width:400px) {
.select-gender {width: 100%;}
.select-gender select {width: 100%; margin-bottom: 10px;}
.detail-filter-box .style-group {width: 100%; margin: 0;}
}
/* common */
.dot-line {border:1px dashed #999999}
.dot-line2 {width: 100%; height: 1px; background-image: repeating-linear-gradient(90deg, #D9D9D9, #D9D9D9 5px, transparent 5px, transparent 10px); margin: 0rem 0px 30px; border: none;}
.kt-portlet{border-radius:15px !important}
.clear-both{clear:both}
.font-size-12{font-size:10px; color:#464646}
.col8 {
/* width:12.5%; */
width: 14.28%;
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:14px;
cursor:pointer;
font-weight:500;
}
.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;
}
.latelyListWrap .lately-list-btn {
float: right;
border: 1px solid #6A75D1;
background: rgb(106, 117, 209, 0.1);
border-radius: 5px;
padding: 5px 15px 5px 15px;
color: #6A75D1;
font-size:14px;
font-weight: 500;
cursor: pointer;
}
.lately-upload-btn {
float: right;
border: 1px solid #6A75D1;
background: rgb(230 230 244);
border-radius: 5px;
padding: 5px 15px 5px 15px;
color: #6A75D1;
font-size:14px;
font-weight: 500;
cursor: pointer;
}
.lately-upload-btn:hover {
color: #6A75D1;
}
/* 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: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;
}
.smsSettingWrap input[type=radio] + label:not(:last-of-type){
margin-right: 10px;
}
.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;
color: #fff;
}
.btn-green:hover {
background:#27a37a;
border-color:#27a37a;
color: #fff;
}
.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;
}
/* 알림발송 팝업 */
.smsMb.smsList {
background: url(./img/sub/img-sms-list.png)no-repeat 0 0;
height: 480px;
width: 334px;
padding: 67px 27px 60px;
margin-right: 25px;
background-size: contain;
}
/* .smsMbList .modal-body {padding: 30px;} */
.smsMbList .modal-body ul li {text-align: center; font-weight: 500; border: 1px solid #CCCCCC; border-radius: 5px 5px 0px 0px;}
.smsMbList dl dt {background-color: #eef4fe; font-weight: normal; border-right: 1px solid #d9d9d9;}
.smsMbList dl {border-top: 1px solid #D9D9D9; font-size: 16px; color: #1a1a1a;}
.smsMbList dl:last-child {border-bottom: 1px solid #d9d9d9;}
@media (max-width:1300px) {
.smsSettingWrap input[type=radio] + label:not(:last-of-type){
margin-right: 0px;
margin-bottom: 10px;
}
}
@media (max-width:1024px) {
.smsMb.smsList {margin-right: 0; background-size: 100% 100%; width: 100%;}
.smsMbList .tab-content {max-height: 70vh; overflow-y: auto;}
.payment-info .pi-p p {font-size:20px;}
.payment-info .pi-g {font-size:16px}
}
/* 문자 */
.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 .except-work-list-manager {
background:#f0f0f0;
border-radius:5px;
height:98px;
overflow-y:scroll;
}
.holiday-body .except-work-list-manager::-webkit-scrollbar {
width:5px; /* 스크롤바의 너비 */
}
.holiday-body .except-work-list-manager::-webkit-scrollbar-thumb {
height:30%; /* 스크롤바의 길이 */
background:#999999; /* 스크롤바의 색상 */
border-radius:10px;
}
.holiday-body .except-work-list-manager::-webkit-scrollbar-track {
background:rgba(33, 122, 244, .0); /*스크롤바 뒷 배경 색상*/
}
.holiday-body .except-work-list-manager .fetc-holi {
padding:7px 10px 7px 10px;
font-size:12px;
border-bottom:1px solid #c9c9c9;
font-weight:400;
}
.holiday-body .except-work-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;
}
/* 이용내역 정액권내역 모바일화면 */
.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;
}
.calendarAreaSubForm .calendarAreaSubForm-dor{
color:#FC5060;
font-weight:500;
}
.calendarAreaSubForm .calendarAreaSubForm-dg {
color:#23C08D;
font-weight:400;
}
.calendarAreaSubForm .calendarAreaSubForm-dgB {
color:#23C08D;
font-weight:600;
}
.calendarAreaSubForm .calendarAreaSubForm-suc{
color:#4E546A;
font-weight:400;
}
.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:0.65rem 1rem;
border-radius:3px;
border:1px solid #23C08D;
cursor:pointer;
position:absolute;
right:0.5rem;
}
.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; background-color: #fff;}
.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;}
.SM-request-wrap {margin: 20px 0 60px;}
.SM-request-box { display: flex; flex-direction: column; text-align: center; padding: 18px 20px; font-size: 24px; font-weight: bold; background-color: #F9E003; color: #000; border-radius: 5px;}
.SM-request-box:hover {color: #000;}
.SM-request-box p {font-size: 14px; font-weight: normal;}
.SM-request-box.cs-num {background-color: #303D4E; border: 1px solid #303D4E; color: #fff;}
.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; text-align: left !important;}
.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;
}
*/
/* 스타일메뉴 */
.detail-box-body ul li {flex: 0 0 50%; width: 50%;}
#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;
height: 100%;
font-size: 16px;
}
.smt-price-wrap .spw-w2 {
margin:0px !important;
padding:0px 10px 0px 0px !important;
}
.smt-price-wrap .spw-w2 .total-pr-title {
padding:10px;
border-radius:0px 5px 5px 0px;
height: auto;
}
.smt-price-wrap .spw-w2 .total-pr-title .pr-wait {
font-size: 10px;
padding: 5px;
margin-bottom: 5px !important;
}
.naver-pr .total-pr-title .total-pr-title-cont {
display: flex;
align-items: center;
}
.naver-pr .total-pr-title .total-pr-title-cont:first-of-type {
border-right: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding-bottom: 10px !important;
}
.naver-pr .total-pr-title .total-pr-title-cont:not(:first-of-type){
padding-top:10px !important;
justify-content: space-between;
}
.total-pr-title .text-title {
flex: 0 0 auto;
}
.pr-naver-coupon {
padding: 6px 21px 5px 41px;
margin: 0;
margin-left: auto;
}
/* 상품등록관리 탭 */
.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;
}
/* 이용내역 정액권내역 모바일화면시 전환 */
.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;
}
.smsSettingWrap input[type=radio] + label:not(:last-of-type){
margin-right: 10px;
margin-bottom: 0;
}
.SM-request-box {font-size: 20px; padding: 13px 15px;}
.SM-request-box p {font-size: 12px;}
.list-btn-wrap {font-size: 0;}
.smsListWrap .list-btn-wrap .all-list-btn {margin-right: 10px;}
.smsListWrap .clear-list, .smsListWrap .all-list-btn { width: calc(50% - 5px);}
}
/* 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, .smsSettingWrap .res_txt { margin-bottom: 10px;}
.msg-auto-wrap #field { margin-bottom: 10px; }
.msg-auto-wrap #field ~ button {margin-bottom: 10px;}
.msg-auto-wrap .sms-set-add { position:absolute; top:0px; }
.analyDate .ui-datepicker-trigger { right: 0px !important;}
}
@media (max-width:580px){
.msg-auto-wrap .wrap {width: 100%; margin: 0 -0.5rem;}
.msg-auto-wrap #field + .kt-input-icon {width: calc(100% - 120px + 0.25rem) !important;}
.msg-auto-wrap #field ~ button {width: 100%;}
.msg-auto-wrap .sms-set-add {position: relative; margin-bottom: 10px; width: 100%; text-align: center;}
}
/* */
/***************************************** 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:1790px){
.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:-65px}
.btSnb3 .st-naver .slc-form-today {left: 0;}
.btSnb3 .slc-form-resnot{left:65px}
.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);}
.analyTitsm {font-size: 14px; color: #999999; font-weight: normal; white-space: nowrap;}
.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:16px;color:#454545;font-weight: 500;}
.analyBoxIn{float: right;text-align: right;color:#5866DD;}
.analyBoxPoint{font-size:16px;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;margin-left:10px}
.analyBoxCont img{width:14px;height:12px;box-sizing: border-box;margin-right:5px;border:1px solid red;}
.analyBoxCont li.txtRed{color:#DD5858}
.analyBoxCont li.txtBlue{color: #125AF7;}
.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){
.analyCard > .analyBox:nth-of-type(n){width:calc(50% - 5px);margin-right:10px}
.analyCard > .analyBox:nth-of-type(2n){margin-right:0}
.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:767.98px) {
.analyTit {font-size: 18px;}
.analyTit::before {height: 16px; top: 1px;}
}
@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}
}
@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;
}
.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}
.logoutApp .kt-portlet{border:1px solid rgba(0,0,0,.3)}
.logoutApp .more-mg-link > a {padding: 0; font-size: 14px; font-weight: 500; color: rgba(0,0,0,0.4);}
.logoutApp .la-angle-right{top:3px;color:rgba(0,0,0,.4)}
/* 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:180px;top:-9px}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group{position: absolute;right:0;top:0;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button{color:#4E546A;background:none;border:none}
.fc .fc-button-primary:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus, .fc .fc-button-primary:not(:disabled):active:focus {box-shadow: none !important;}
.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:33px;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:10px;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:50px;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: 125px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3){}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button:nth-of-type(2) {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:13px}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) {right: 100px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) > button {right: 31px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button {padding: 2px 8px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button {padding: .4em .4em;}
}
@media (max-width:499px) {
.storeCalendars .fc .fc-toolbar.fc-header-toolbar{margin-bottom:0px}
}
@media (max-width:380px){
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button:nth-of-type(1) {right: 60px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) > button {right: 25px;}
}
@media (max-width:360px){
.storeCalendars .fc-toolbar-chunk:nth-of-type(3) .fc-button-group button {font-size: 13px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) {right: 90px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) .fc-button-group button:nth-of-type(1) {right: 54px;}
.storeCalendars .fc-toolbar-chunk:nth-of-type(1) > button {font-size: 13px; right: 22px;}
.storeCalendars .virtual_icon img {width: 16px !important; position: relative; top: -1px;}
.storeCalendars .fc-toolbar-title{padding-left: 20px !important;}
}
@media (max-width:340px){
}
/* 매출통계 캔버스 */
.classPayDaily{}
#chartPayRate{}
/* 디자이너 정산 */
.settlement{}
.settlement .analyConditn{margin: 15px 0;}
.Wrap-settlement {
padding: 10px;
margin-bottom: 30px;
}
.Wrap-settlement .Ws-Card {
border: 1px solid #e1e1e1;
border-radius: 5px;
}
.Wrap-settlement .Ws-Card-Cell-Blue {
background: #5866DD;
color: #fff;
padding: 35px 15px 35px 15px;
text-align: center;
border-radius: 5px 0px 0px 5px;
font-size: 20px;
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: 20px;
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: 14px;
font-weight: 300;
}
.Wrap-settlement .Ws-Card-Cell-Won {
color: #454545;
font-size: 16px;
font-weight: bold;
}
/* 디자이너정산 */
.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;
margin-bottom: 20px;
}
.card-settlement:hover {
background: #e8edff;
}
.card-set-designer {
color: #1A1A1A;
font-size: 16px;
font-weight: 500;
height: 48px;
}
.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-cate .sett-cate-1 {max-width: 160px;}
.sett-template-cate .sett-cate-2 {max-width: 240px;}
.sett-template-cate .sett-cate-3 {max-width: 360px;}
.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;
}
.sett-template-check {
background-color: rgba(0,0,0,.03);
border-radius: 5px;
padding: 26px 40px;
margin-bottom: 30px;
max-width: 972px;
}
.sett-template-check .sett-template-check-tit {
font-weight: bold;
font-size: 16px;
}
.sett-template-check .kt-checkbox {
padding-top: 3.5px;
padding-left: 32px;
font-weight: normal;
}
.sett-template-check .kt-checkbox > input ~ span{
background: #fff;
border: 1px solid rgba(0,0,0,0.38);
border-radius: 4px;
width: 24px;
height:24px;
}
.sett-template-check .kt-checkbox > input:checked ~ span{
background: #5866DD;
border: 1px solid #5866DD;
}
.sett-template-check .kt-checkbox > span:after {
width: 7px;
height: 14px;
margin-left: -3px;
margin-top: -9px;
}
.sett-template-check .kt-checkbox > span::after {
border: 1px solid white;
}
.sett-template-ratio {
}
.dbDataItv {
max-width: 240px;
padding: 10px;
border-radius: 5px;
border: 1px solid #e1e1e1;
margin-right: 12px;
text-align: end;
}
.btn-minus, .btn-plus {
font-size: 1.7rem;
background: transparent;
outline: none !important;
vertical-align: middle;
border: none;
}
.fa-circle-plus::before {
color: #23C08D;
}
.fa-circle-minus::before {
color: #DD5858;
}
.sett-border {
background: #D9D9D9;
height: 1px;
width: 100%;
margin:20px 0 30px 0;
}
/* 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;}
.mainCalendar table.fc-scrollgrid-sync-table tbody[role="presentation"] tr[role="row"] {position: relative; height: 16.67%;}
.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;}
}
@media (max-width:1560px){
.msg-wrap .reserve-insert .dotwrap {border-right:none; margin-right: 0; flex: 0 0 75%; max-width: calc(100% - 350px);}
.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}
.smr-price-wrap .info-price {padding:2px 4px 4px;}
}
@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;}
.mainCalendar .fc-dayGridMonth-view > table > tbody {height: calc(100vh - 270px) !important;}
.mainCalendar .fc-dayGridMonth-view > table > tbody table[role=presentation] tbody {height: 100% !important;}
}
@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}
#order_input .smr-price-wrap .info-price {padding: 0; padding-top: 5px; text-align: right; margin-right: 10px;}
}
@media (max-width:767.98px){
.btSnbGuestInfo .profile-img{width:78px;display: block;}
.btSnbGuestInfo .profile-info{width:calc(100% - 78px);float: right;padding-left: 10px;}
#order_input .smt-price-wrap{padding-top:0}
.smsListWrap .col-md-4.text-right .btn{width:auto;padding:0.65rem 1rem}
.smsSettingWrap .form-group .input-group .form-control{margin-bottom:0}
.Wrap-settlement {overflow-x: auto; white-space: nowrap;}
.Wrap-settlement .Ws-Card {display: inline-block; margin: 0 15px 0 0; min-width: 210px;}
.Wrap-settlement .Ws-Card-Wrap {flex-direction: column;}
.Wrap-settlement .Ws-Card-Cell-Blue {padding: 10px; border-radius: 5px 5px 0 0; font-size: 16px;}
.Wrap-settlement .Ws-Card-Cell-Bold{display: flex; justify-content: space-between; padding: 15px; margin-bottom: 15px; line-height: normal;}
.Wrap-settlement .Ws-Card-Cell-Bold::after {content: ''; position: absolute; height: 1px; background-color: #D9D9D9; width: calc(100% - 30px); left: 50%; bottom: 0; transform: translateX(-50%); }
.Wrap-settlement .Ws-Card-Cell-Bold-Title {font-size: 12px; padding-right: 30px;}
.Wrap-settlement .Ws-Card-Cell-Bold-Won {font-size: 14px;}
.Wrap-settlement .Ws-Card-Cell {display: flex; justify-content: space-between; padding: 15px; padding-top: 0; line-height: normal;}
.Wrap-settlement .Ws-Card-Cell-Title {padding-right: 30px; font-size: 12px}
.Wrap-settlement .Ws-Card-Cell-Won {font-size: 12px;}
.Wrap-settlement.sett-hair .Ws-Card-Cell:first-of-type {padding: 15px;}
.Wrap-settlement.sett-hair .Ws-Card-Cell-Bold {padding: 15px; margin-bottom: 0;}
.Wrap-settlement.sett-hair .Ws-Card-Cell-Bold::after {top: 0; bottom: initial;}
.sett-template-cate .sett-cate-1 {max-width: 100%; margin-bottom: 10px;}
.sett-template-cate .sett-cate-2 {max-width: 100%; margin-bottom: 10px;}
.sett-template-cate .sett-cate-3 {max-width: 100%; margin-bottom: 10px;}
.sett-template-cate .sett-template-addBtn {width: 100%;}
.msg-wrap .reserve-insert .dotwrap {max-width: 100%; flex: 0 0 100%;}
}
@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%}
#order_input .smr-price-wrap .info-price {margin-right: 0px;}
}
@media (max-width: 500px) {
.mainCalendar .fc-dayGridMonth-view > table > tbody {height: calc(100vh - 240px) !important;}
}
/*관리자 head */
.kt-header-menu .kt-menu__nav.btApmg > .kt-menu__item:hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text, .kt-header-menu .kt-menu__nav > .kt-menu__item.kt-menu__item--hover:not(.kt-menu__item--here):not(.kt-menu__item--active) > .kt-menu__link .kt-menu__link-text {color: #5867dd; }
@media (min-width:1025px) {
.kt-header-menu .kt-menu__nav.btApmg > .kt-menu__item > .kt-menu__link .kt-menu__link-text {font-size: 16px; font-weight: 600; color: #555;}
.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav.btApmg > .kt-menu__item > .kt-menu__link {padding: 0.75rem 1.32rem;}
}
@media (max-width:1200px) {
.kt-header-menu-wrapper .kt-header-menu .kt-menu__nav.btApmg > .kt-menu__item > .kt-menu__link {padding: 0.75rem 0.67rem;}
.kt-header-menu .kt-menu__nav.btApmg > .kt-menu__item > .kt-menu__link .kt-menu__link-text {font-size: 15px;}
}
@media (max-width:1024px) {
.btManager.kt-portlet .kt-portlet__head{padding: 15px !important;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav.btApmg > .kt-menu__item {width: 33.33%;}
.btHead .btHeadWrap .appHeaderIn.kt-header-menu-mobile .kt-menu__nav.btApmg > .kt-menu__item > .kt-menu__link:before{content:none;}
.kt-menu__nav.btApmg .kt-menu__item--submenu a i {position: absolute; top: 10px; left: 50%; transform: translateX(-50%); display: block; width: 32px; height: 32px; text-align: center;}
.kt-menu__nav.btApmg .kt-menu__item--submenu a i::before {font-size: 19px; vertical-align: middle;}
}
/** 관리자 세팅 업종 카테고리 **/
.manager-setting-category ul {
list-style:none;
}
.manager-setting-category ul li {
float: left;
margin-right: 10px;
}
/* 관리자 > 가입 url 복사 박스 */
.urlCopyBox {background-color: rgb(88, 103, 221, .05); border-radius: 5px; color: #000; padding: 8px 15px;}
.urlCopyBox * {color: #5867dd;}
.urlCopyBox input {border: none; font-weight: 500; outline-color: transparent; border: none; background-color: transparent; padding: 0 20px;}
.urlCopyBox input:active, .urlCopyBox input:focus {outline-color: transparent; border: none;}
@media (max-width:767.98px){
.urlCopyBox {margin: 0 auto;}
}
/* 정기결제 요소 */
.scPayModal {}
.scPayModal.scPay-de h6 {font-size: 20px; font-weight: normal;}
.scPayModal.scPay-de table {border-right: 0; border-left: 0;}
.scPayModal.scPay-de .table th {font-weight: 400; border-right: 0; border-left: 0;}
.scPayModal.scPay-de .table td {font-weight: 500; border-right: 0; border-left: 0; line-height: 1.465;}
.line-d9 {border-top: 1px solid #d9d9d9; width: 100%; margin-bottom: 20px;}
.scPayModal .guide-issue ol {padding-left: 40px;}
.scPayModal .guide-issue ol li {word-break: keep-all;}
.scPayModal .btn {padding: 0.79rem 1rem;}
/* 뷰티탭 구독 서비스 변경 모달 */
.scPayModal .payment-card-wrap {flex-direction: column; gap: 20px;}
.scPayModal .payment-card-wrap > li {width: 100%; max-width: 100%;}
.scPayModal .payment-card-wrap > li .payment-card {padding: 20px;}
.scPayModal .payment-card .payment-card-info {border-bottom: 0; padding-bottom: 0;}
.scPayModal .payment-card .payment-card-info .info-tit {font-size: 16px; margin-bottom: 5px;}
.scPayModal .payment-card .payment-card-info .payment-price > span {font-size: 16px;}
.scPayModal .payment-card .payment-card-info .payment-price {font-size: 12px; line-height: 1.1;}
.scPayModal .payment-card .payment-card-info .tag-Pay {font-size: 12px; height: 24px; padding: 2.5px 10px; line-height: normal;}
.scPayModal .payment-card .payment-card-info .s9Paysm {margin-bottom: 0; line-height: 1.215;}
.scPayModal .payment-card .payment-card-info .s9Paysm span:first-of-type {font-size: 12px;}
.scPayModal .payment-card .payment-card-info .s9Paysm span:last-of-type {font-size: 12px;}
.scPayModal .payment-card-wrap > li.selected {width: 100%; max-width: 100%; border:2px solid #F04D8E; background-color: rgba(240, 77, 142, 0.1);}
.payment-card-vat {position: absolute; top: 24px; right: 20px; margin-left: auto; color: rgba(0, 0, 0, 0.38); font-weight: 400; font-size: 12px;}
.payment-card-vat img {width: 14px; height: 14px; margin-right: 3px; vertical-align: sub;}
/* 결제 상세내역 */
.payment-detail-wrap { background-color: rgba(0,0,0,.03); padding: 20px; border-radius: 5px; border: none}
.payment-detail-wrap dl {display: flex; justify-content: space-between; font-size: 12px; margin: 0;}
.payment-detail-wrap dl + dl {margin-top: 8px;}
.payment-detail-wrap dl dt {color: rgba(0, 0, 0, 0.6); line-height: normal; font-weight: 400;}
.payment-detail-wrap dl dd {color: rgba(0, 0, 0, 0.6); line-height: normal; margin-bottom: 0;}
.scPayModal.scPay-de .payment-detail-wrap dl dd {color: #000;}
.scpay-total {display: flex; width: 100%; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9}
.scpay-total-txt {background-color: #5866DD; width: 50%; color: #fff; text-align: center; padding: 10px;}
.scpay-total-num {background-color: #fff; width: 50%; text-align: right; padding: 10px; font-size: 16px; font-weight: bold;}
.scpay-total2 {display: flex; width: 100%; padding-bottom: 20px; font-size: 16px;}
.scpay-total-txt2 {width: 50%; font-weight: bold; color: #4E546A; }
.scpay-total-num2 {width: 50%; text-align: right; color: #1A1A1A;}
/* 서비스 변경 해지 요청 */
.service-card {border: 1px solid #D9D9D9; padding: 20px; border-radius: 5px;}
.service-card .service-card-tit {font-size: 16px; font-weight: 600; color: #000;}
.service-card-label {font-size: 14px; color: #4E546A; font-weight: 600; }
.service-card-label .service-card-sub{margin: 5px 0 0 0; font-size: 12px; font-weight: 400;}
.service-card-info {color: rgba(0, 0, 0, 0.6); font-weight: 500;}
.service-card-info .sev-num {font-size: 16px; color: #000;}
.service-card-info .sev-date {}
.scPayModal .service-card {margin-bottom: 20px;}
.scPayModal .service-card .service-card-tit {margin-bottom: 5px;}
.scPayModal .service-card-label {margin-bottom: 10px;}
.service-card.selected {border: 2px solid #F04D8E; background-color: rgba(240, 77, 142, 0.1);}
.service-card.selected .service-card-tit {}
.service-card.selected .service-card-info {color: rgba(69, 69, 69, 0.6);}
.service-card.selected .service-card-info .sev-num {color: #F04D8E;}
.service-card.selected .service-card-info .sev-date {}
.service-card.selected2 {border: 2px solid #0D50AB; background-color: rgba(13, 80, 171, 0.1);}
.service-card.selected2 .service-card-tit {}
.service-card.selected2 .service-card-info {color: rgba(69, 69, 69, 0.6);}
.service-card.selected2 .service-card-info .sev-num {color: #0D50AB;}
.service-card.selected2 .service-card-info .sev-date {}
.service-info-text-box {border: 1px solid #303D4E; color: #4E546A; font-size: 16px; padding: 20px; font-weight: bold; text-align: center; border-radius: 5px;}
.service-info-text-box + .guide-issue {margin-top: 20px;}
/* 토글박스 */
.collapse_wr {padding-bottom: 20px;}
.collapse_wr .collapse-hd {display: flex; flex-wrap: nowrap;}
.collapse-hd-L {display: flex; align-items: center; gap: 5px; margin-right: 10px;}
.collapse-hd-L span {font-size: 16px; font-weight: bold; color: #4E546A; word-break: keep-all;}
.collapse-hd-L span + img {margin-left: 5px;}
.collapse-hd-L img {height: 16px; width: 16px; object-fit: contain;}
.collapse-hd-R {display: flex; margin-left: auto; align-items: center; color: #000;}
.collapse-hd-R span {font-size: 16px; font-weight: 500; display: flex; align-items: center;}
.collapse-hd-R span + a {margin-left: 10px;}
.collapse-hd-R img {object-fit: contain; vertical-align: middle;}
.collapse-cont {cursor: pointer;}
.collapse-cont.collapsed img {transform: rotate(180deg);}
.collapse_wr .payment-detail-wrap {margin-top: 10px;}
.collapse_wr .form-control{height: 45px;}
/* count 박스 */
.count-wrap {display: flex; flex-wrap: nowrap; height: 40px; position: relative;}
.count-wrap .num-input {width: 60px; border: 1px solid rgba(0, 0, 0, 0.12); background-color: rgba(0,0,0,.03); color: #000; font-weight: 500; font-size: 16px;}
.count-minus {width: 40px; height: 40px; padding: 14px; border-radius: 5px 0 0 5px; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.12); background-color: #fff;}
.count-minus img {object-fit: contain; display: block;}
.count-plus {width: 40px; height: 40px; padding: 14px; border-radius: 0 5px 5px 0 ; border: 1px solid rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.12); background-color: #fff;}
.count-plus img {object-fit: contain; display: block;}
.txt-hidden {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
/* progress */
.service-progress .progress{background-color: rgba(2,2,2,0.1); border-radius: 0; height: 10px; margin-top: 10px;}
.service-progress .progress-bar{background-color: #0D50AB;}
.service-progress .service-progress-tit {font-size: 16px; color: rgba(0, 0, 0, 0.6);}
.serv-use-txt {color: #000;}
.kt-checkbox.checkbox-card {width: 100%; height: -webkit-fill-available; padding: 20px 20px 20px 50px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 5px;}
.kt-checkbox.checkbox-card .card-tit {font-size: 16px; font-weight: 500; color: #454545; margin-bottom: 5px;}
.kt-checkbox.checkbox-card > span{border: 1px solid #d9d9d9; top: 22px; left: 20px;}
.kt-checkbox.checkbox-card > span:after {border: solid #fff; border-width: 0 1px 1px 0/*rtl:ignore*/ !important; }
.kt-checkbox.checkbox-card > input:checked ~ span {background: #0D50AB; border: transparent; }
/** 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; font-size:16px;}
.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:-10px;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}
}
@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}
.btSnb1 .btSnbForm .btTxtRed{display: inline-block;}
.btRsvLAnalyDate input{width:100px !important}
.btRsvLAnalyDate .ui-datepicker-trigger {right:-42px}
.btRsvLAnalyDate.analy-startDate{margin-right:10px}
.coupontDate input {width: calc(100% - 40px) !important;}
/* 디자이너 정산 & 인센티브 설정 */
.settlement {top: initial;}
.settlement .kt-portlet__body {padding: 15px !important;}
.settlement .analyWrap {width: 100%;}
}
@media (max-width:910px){
.mb900{display: block;}
}
@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: 820px) {
.settlement .analySelect {width: 100%;}
.settlement .analySpan li {width: 50%;}
}
@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%;}
.sett-template-check {padding: 20px;}
}
@media (max-width:480px) {
.btSnbSettingInfo .btSnbSetUpload{width:100%}
}
.payment-wrap .cpg-1.discount{background: #eeeffc;color:#f04d8e;border-radius: 20px;padding:4px 16px 7px 16px;font-weight: 500;display: block;float: right;text-align: center;}
.payment-wrap .crg-info p{margin-bottom:2px}
@media (max-width:382px) {
.payment-wrap .cpw-1{font-size:16px}
.payment-wrap .cpo-1{font-size:17px}
.payment-wrap .cpo-2{font-size:19px}
.coupontDate.analyDate .analyDateIn {width: 100% !important;}
.coupontDate input {width: calc(100% - 40px) !important;}
}
/* 2024.02.14 추가 */
/* 매장관리 > 리뷰관리 */
.btn-review {padding:0.65rem 2.5rem;}
.btn.btn-del.btn-danger, .btn.btn-save.btn-info {width: 80px; padding: 0.79rem 1rem;}
.review_head {min-height: 90px !important; padding: 23px 25px 22px !important;}
/*guest-photo */
.guest-photo-wrap {
padding: 30px;
}
.guest-photo-list {
box-sizing: border-box;
display: flex;
width: calc(100% + 15px);
flex-wrap: wrap;
}
.guest-photo-item {
position: relative;
margin-right:15px ;
margin-bottom: 15px;
max-width: 168px;
max-height: 168px;
aspect-ratio: 1/1;
width: calc(33.3% - 15px);
cursor: pointer;
overflow: hidden;
}
.guest-photo-list img {
width: 100%;
height: 100%;
}
.guest-photo-list .guest-photo-item > img {
position: absolute;
width: auto;
height: auto;
max-height: 360px;
max-width: 360px;
inset: 50%;
transform: translate(-50%, -50%);
}
.guest-photo-item .btn {
position: absolute;
top: 0px;
right: 0px;
padding: 0px;
text-align: center;
cursor: pointer;
}
.guest-photo-item:nth-of-type(5n) {margin-right: 15px;}
.guest-photo-item:nth-of-type(3n) {margin-right: 0px;}
@media (min-width: 1024px) {
.guest-photo-list {
box-sizing: border-box;
}
.guest-photo-item:nth-of-type(3n) {margin-right: 15px;}
.guest-photo-item:nth-of-type(5n) {
margin-right:0;
}
.guest-photo-item {
flex: 0 0 calc(20% - 15px);
}
}
.ck-editor__editable { height: 55vh; }
.ck-editor__editable p { margin: 0;}
.ck-content { font-size: 16px;}
/* 노쇼 버튼 */
.swal2-styled.swal2-confirm.btn-confirm { background-color: #4E546A;}
.swal2-styled.swal2-deny.btn-deny {border:1px solid #4E546A; color:#4E546A; background:#fff; order:-1;}
.swal2-styled.swal2-deny.btn-deny:hover {background:#4E546A !important;color:#fff!important;}
/* 20240812 naver 할인 팝업 */
.navercoupon-info dd {position: relative; padding-left: 11px;}
.navercoupon-info dd::before{ content:''; position: absolute; top: 9px; left: 0; display: inline-block; vertical-align: top; width: 3px; height: 3px; background-color: #000; border-radius: 50%; }
/* naver 연동 안내 가이드 */
.guide-wrap {}
.guide-wrap .dot-line {
border: 0;
padding: 1px;
background: linear-gradient(to right, #999 5px, rgba(255, 255, 255, 0) 0%);
background-position: bottom;
background-size: 10px 1px; /* 5px 길이 + 5px 간격 */
background-repeat: repeat-x;
margin: 30px 0;
}
.guide-wrap .tab-sms-auto-menu {margin-bottom: 30px;}
.guide-wrap .guide-list {}
.guide-wrap .guide-list .guide-title {
font-size: 20px;
font-weight: 500;
}
.guide-wrap .guide-list .guide-cont {
}
.guide-wrap .guide-list .guide-cont ol {
padding-left: 0px;
margin-bottom: 0px;
}
.guide-wrap .guide-list .guide-cont ol li {
position: relative;
display: flex;
flex-direction: column;
counter-increment: count-number;
padding-left: 50px;
font-size: 16px;
list-style: none;
margin-bottom: 10px;
min-height: 36px;
padding-top: 5px;
}
.guide-wrap .guide-list .guide-cont ol li::before {
content: counter(count-number);
display: flex;
justify-content: center;
line-height: 34px;
color: #000;
font-size: 16px;
font-weight: bold;
position: absolute;
left: 0;
top: 0;
width: 36px;
height: 36px;
background-color: #F0F0F0;
border-radius: 50%;
text-align: center;
}
.guide-issue {
padding: 15px;
border-radius: 5px;
color: #000;
height: fit-content;
}
.guide-issue.warning {
background-color: rgba(252, 79, 37, 0.1);
}
.guide-issue.info {
background-color: rgba(18, 90, 247, 0.1);
}
.guide-issue .guide-issue-title {
position: relative;
font-size: 14px;
font-weight: bold;
line-height: 24px;
padding-left: 40px;
}
.guide-issue .guide-issue-title::before {
content: "";
position: absolute;
left: 0;
height: 24px;
}
.guide-issue.warning .guide-issue-title::before {
background: url('./img/sub/ico_warning.png')no-repeat center center;
background-size: contain;
width: 28px;
}
.guide-issue.info .guide-issue-title::before {
background: url('./img/sub/ico_infomation.png')no-repeat center center;
background-size: contain;
width: 28px;
}
.guide-issue ol {
font-size: 16px;
line-height: 1.8;
padding-left: 57px;
}
/* 매장 알림톡 전환 */
.btn-change { background: linear-gradient(90deg, #5866DD, #FC5060); border: none; color: #FFF; }
.btn-change:hover { background: linear-gradient(90deg, #5866DD, #FC5060); color: #FFF; border: none; }
.btn-change.apply { background: #6B6E87;}
.btn-change.apply:hover { background: #6B6E87;}
.btn-change.pc {display: inline-flex;}
.btn-change.mb {display: none!important; }
@media (max-width:1024px) {
.btn-change.pc {display: none !important;}
.btn-change.mb {display: block!important; margin-bottom: 5px; height: 45px; }
.guide-issue ol {font-size: 15px;}
}
.cancel-btn {border-color:#FC5060;color:#fff;background:#FC5060;}
.cancel-btn:hover {background:#DD5858;color:#fff}
.storetalk-change-info {}
.storetalk-change-info .guide-issue ol {font-size: 14px;}
/* 과거시술내역 */
.past-procedure .total-num {color: #454545;font-size: 14px;}
.past-procedure .total-num span {color:#5866DD; font-weight: bold; }
.past-procedure input.analySelect {width: 250px; margin-right: 10px;}
.past-procedure select.analySelect {width: 120px; margin-right: 10px;}
.past-procedure-list-1 {display: block;}
.past-procedure-list-2 {display: none;}
.past-procedure-list {}
.past-procedure-list th {background-color: #EEF4FE; color: #000; font-size: 14px; font-weight: bold; border-top: 1px solid #d9d9d9;}
.past-procedure-list td { white-space: normal; color: #000; border-top: 1px solid #d9d9d9;}
.past-procedure-list .detailmemo {padding-bottom: 20px;}
.past-procedure-list .detailmemo p {background: rgba(0,0,0,0.03); padding: 20px; margin: 0; text-align: left;}
.past-procedure-list .sf-done {margin: 5px;}
.ps-list-form {border-bottom: 1px solid #d9d9d9;}
.past-procedure-list-2 .ps-list-form .plf-1 {margin-top: 15px;}
.past-procedure-list-2 .ps-list-form .plf-1 .plf-date {font-size: 12px; color:#4E546A;}
.past-procedure-list-2 .ps-list-form .plf-1 .plf-designer {font-size: 12px; color:#4E546A;}
.past-procedure-list-2 .ps-list-form .plf-1 .plf-result {color: #1A1A1A; font-size: 12px; font-weight: 500; float: right;}
.past-procedure-list-2 .ps-list-form .plf-2 {margin-top: 10px; margin-bottom: 15px;}
.past-procedure-list-2 .ps-list-form .plf-2 .plf-cate {font-size: 16px; font-weight: 500; color: #000;}
.past-procedure-list-2 .ps-list-form .plf-2 .plf-form {color: #1A1A1A; font-size: 12px; font-weight: 500; float: right; position: absolute; right: 0;}
.past-procedure-list-2 .ps-list-memo .detailmemo {padding-bottom: 15px;}
.past-procedure-list-2 .ps-list-memo .detailmemo p {background: rgba(0,0,0,0.03); font-size: 12px; padding: 15px; margin: 0; text-align: left; line-height: 1.5;}
@media (max-width:1024px) {
.past-procedure select.analySelect {width: 100px;}
.past-procedure input.analySelect {width: 100%; margin-right: 0px;}
.past-procedure .anyCdtnBtn {width: 100%; margin-top: 10px;}
.past-procedure-list-1 {display: none;}
.past-procedure-list-2 {display: block;}
}
/* 예약상세내역 > 사진등록 > 슬라이드 modal view */
.modal {padding-right: 0 !important;}
.modal-open .modal-menu#modalphoto{overflow: hidden;background-color: rgba(0,0,0,.9);}
.modal .photo-view{max-width:100%; height: calc(100% - 3.5rem);}
.modal .photo-view .modal-content{border:0;border-radius:0;background-color:transparent; box-shadow:none; height: 100%;}
.modal .photo-view .modal-header{position:relative;padding:calc(40px - 1.75rem) 0 40px;border-bottom:0}
.modal .photo-view .modal-header .modal-title{font-size:1.8rem;color:#fff}
.modal .photo-view .modal-header .close{margin:0;padding:20px; margin-right: 60px; text-shadow:none;opacity: 1; cursor: pointer; z-index: 11;}
.modal .photo-view .modal-header .close::before{font-size:1.6rem;color:#fff}
.modal .photo-view .modal-body{position:relative;padding:0;}
.modal .photo-view .mainPhoto {height: calc(100vh - 335px); position: relative;}
.modal .photo-view .myPhotoSwiper {height:100%;}
* .modal .photo-view .myPhotoSwiper .swiper-slide {background:transparent;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 .photo-view .myPhotoSwiper .swiper-slide img{display: block; object-fit: contain; width:auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto;}
.modal .photo-view .swiper-pagination { position: fixed; top: 52px; height: fit-content; font-size: 24px; font-weight: normal; color: #fff;}
.modal .photo-view .swiper-button-prev,
.modal .photo-view .swiper-button-next{position: absolute; top:50%;width:32px;height:60.95px;background:url(../media/icons/svg/arrowL_60.svg) no-repeat 0 center; z-index: 10;}
.modal .photo-view .swiper-button-prev{left:80px; transform: translateY(-50%);}
.modal .photo-view .swiper-button-next {right: 80px;transform:scaleX(-1) translateY(-50%)}
.modal .photo-view .swiper-button-next::after,
.modal .photo-view .swiper-button-prev::after{content:none}
.modal .photo-view .mySwiper {position: relative; height: 270px; box-sizing: border-box; bottom: -1.75rem; left: 0; padding: 80px 0; margin: 0 auto;}
.modal .photo-view .mySwiper .swiper-wrapper {align-items: center; height: 110px;}
.modal .photo-view .mySwiper .swiper-slide {position: relative; width: 100px !important; height: 100px; overflow: hidden; display: inline-block; vertical-align: top; margin-right: 20px;}
.modal .photo-view .mySwiper .swiper-slide-thumb-active {width: 110px !important; height: 110px; border: 5px solid #FC5060}
.modal .photo-view .mySwiper .swiper-slide img {position: absolute; width: auto; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; visibility: visible;}
.modal .photo-view .thumbnail-foot {position: absolute; bottom: -1.75rem; left: 0; right: 0; }
.thumbnail-thumb {display: flex; position: absolute; left: 0; right: 0; bottom: -1.75rem; }
.modal .photo-view .thumbnail-wrapper { display: flex; gap: 20px; overflow:scroll hidden; white-space: nowrap; scroll-behavior: smooth; will-change: scroll-position; padding: 40px 20px; align-items: center; box-sizing: border-box; height: 190px; margin: 0 auto; }
.modal .photo-view .thumbnail-wrapper::-webkit-scrollbar { height: 6px; }
.modal .photo-view .thumbnail-wrapper::-webkit-scrollbar-thumb { background-color: #FC5060; border-radius: 4px;}
.modal .photo-view .thumbnail { position: relative; flex-shrink: 0; width: 100px; height: 100px; cursor: pointer; overflow: hidden;}
.modal .photo-view .thumbnail img {position: absolute; width: auto; left: 50%; height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%;}
.modal .photo-view .thumbnail.active { width: 110px !important; height: 110px; border: 5px solid #FC5060; }
/* 예약알림 팝업 */
.toast-info {
background-color: #3b6f8f !important;
}
.toast-message p {
margin-bottom: 0.25rem;
}
.toast-message p:last-of-type {
margin-bottom: 0;
}
/* 디자이너관리 */
/* 요일선택 버튼 */
.smsSettingWrap.workSet { padding: 0 10px 30px;}
.day-checkbox-group {white-space: nowrap;}
.day-checkbox-group .day-checkbox-label:not(:last-of-type){margin-right: 8px;}
.day-checkbox-label input{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.day-checkbox-label input:checked + .day-text {position: relative; color: #5866DD; background-color: #EBECFB; font-weight: bold;}
.day-checkbox-label input:checked + .day-text::before {content: ""; position: absolute; inset: -1px; border: 1px solid #5866DD; border-radius: 30px;}
.day-checkbox-label .day-text{display: inline-block; position: relative; width: 44px; height: 75px; padding: 27px 0; border-radius: 30px; border: 1px solid #D9D9D9; font-size: 14px; text-align: center; color: rgba(69, 69, 69, 0.6); cursor: pointer;}
.add-day-btn {display: block; margin: 0 auto; border: none; color: #5866DD; font-size: 16px; font-weight: bold; background-color: transparent;}
/* 디자이너관리 > 휴무설정 */
.holidaySet .smsSettingWrap { padding: 0 0px 30px;}
.holidaySet .kt-checkbox-inline .kt-checkbox {margin-right: 30px;}
.holidaySet .kt-checkbox-inline .kt-checkbox:last-child {margin-right: 0px;}
/* 공휴일 버튼 */
.holiday-button-wrap {font-size: 0;}
.holiday-button-wrap .holiday-button {border: 1px solid #CCCCCC; padding: 11px 20px; color: #454545; font-weight: 500; font-size: 14px; background-color: #fff; border-radius: 5px; margin-right: 15px; margin-top: 15px;}
.holiday-button-wrap .holiday-button.active {background-color: #5866DD; border: 1px solid #5866DD; color: #fff;}
.holiday-button-wrap .holiday-button-group {display: inline-block; margin-right: 15px; white-space: nowrap;}
.holiday-button-wrap .holiday-button-group .holiday-button {margin-right: 0;}
.holiday-button-wrap .holiday-button-group .holiday-button:not(:first-child):not(:last-child) {border-radius: 0;}
.holiday-button-wrap .holiday-button-group .holiday-button:first-child {border-radius: 5px 0px 0px 5px;}
.holiday-button-wrap .holiday-button-group .holiday-button:last-child {border-radius: 0px 5px 5px 0px;}
.holiday-button-wrap .holiday-button-group .holiday-button + .holiday-button {margin-left: -1px;}
/* 디자이너수정 */
.menu_tab_line_wrap {display: inline-block; white-space: nowrap; vertical-align: top; position: relative; margin-bottom: 60px; overflow-x: auto; font-size: 0;}
.menu_tab_line_wrap::before, .menu_tab_line_wrap button span::before {content: ""; position: absolute; width: 100%; height: 1px; background-color: #D9D9D9; bottom: 1px; left: 0; right: 0;}
.menu_tab_line_wrap button {display: inline-block; background-color: transparent; border: none; outline: none; vertical-align: top; padding: 0;}
.menu_tab_line_wrap button.active {}
.menu_tab_line_wrap button span {display: block; position: relative; padding:5px 15px 15px; font-size: 16px;}
.menu_tab_line_wrap button.active span {position: relative; color: #5866DD; font-weight: bold;}
.menu_tab_line_wrap button.active span::after {content: ""; position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 3px; background-color: #5866DD; z-index: 1;}
/* 자동결제 */
@media (max-width: 1300px) {
.smsSettingWrap.workSet input[type="radio"] + label:not(:last-of-type) ,.smsSettingWrap.holidaySet input[type="radio"] + label:not(:last-of-type) {margin-right: 10px; margin-bottom: 0;}
}
@media (max-width:1024px) {
.modal .photo-view .swiper-button-prev{left:40px}
.modal .photo-view .swiper-button-next {right: 40px;}
/* 공휴일 버튼 */
.holiday-button-wrap .holiday-button { padding: 11px 10px; margin-right: 10px; margin-top: 10px;}
.holiday-button-wrap .holiday-button-group {display: inline-block; margin-right: 10px;}
.holiday-button-wrap .holiday-button-group .holiday-button {margin-right: 0;}
}
@media (max-width: 767.98px) {
.modal .photo-view .modal-header {padding: calc(30px - 1.75rem) 0 30px;}
.modal .photo-view .modal-header .close {margin-right: 20px;}
.modal .photo-view .mainPhoto {height: calc(100vh - 278px);}
.modal .photo-view .swiper-pagination {top: calc(1.75rem + 20px);}
.modal .photo-view .swiper-button-prev,
.modal .photo-view .swiper-button-next {display: none;}
.modal .photo-view .thumbnail-wrapper {gap: 10px; padding: 40px 20px; height: auto;}
.modal .photo-view .thumbnail {width: 60px; height: 60px;}
.modal .photo-view .thumbnail.active {width: 70px !important; height: 70px;}
.modal .photo-view .thumbnail img {}
.smsSettingWrap.workSet, .holidaySet .smsSettingWrap {display: flex;}
.smsSettingWrap.workSet input[type="radio"] + label, .holidaySet .smsSettingWrap input[type="radio"] + label {display: inline-block; width: 50%;}
.day-checkbox-group {text-align: center;}
.day-checkbox-group .day-checkbox-label:not(:last-of-type) {margin-right: 4px;}
.day-checkbox-label .day-text{width: 32px; height: 45px; padding: 12px 0; font-size: 12px;}
}
@media (max-width:576px) {
.modal .photo-view {height: calc(100% - 1rem);}
.modal .photo-view .modal-header .close { margin-right: calc(30px - 1rem);}
.modal .photo-view .swiper-pagination {top: calc(1rem + 21px);}
.modal .photo-view .modal-header {padding:calc(30px - 1rem) 0 30px;}
}
/**
* 로딩바
*/
/* .swal2-actions, */
.swal2-loading {width: 25vw !important; margin: 0 auto !important; text-align: center !important;}
.custom-swal-loader {width: 50px !important; height: 50px !important; margin: 10px auto !important; border: 10px solid #e3e3e3 !important; border-bottom: 10px solid #23c08d !important; border-radius: 50% !important; animation: load 1.5s linear infinite !important;}
@keyframes load {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
@media screen and (max-width:1024px){
.swal2-actions,
.swal2-loading {
width: 40vw !important;}
}
@media screen and (max-width:800px){
.swal2-actions,
.swal2-loading {
width: 60vw !important;}
}
@media screen and (max-width:480px){
.swal2-actions,
.swal2-loading {
width: 80vw !important;}
}
/*
* 정액권, 회수권 환불실패 swal
*/
.swalUl {
padding:20px 0;
background:rgba(0,0,0,0.03);
border-radius:10px;
margin-bottom:0;
}
.swalUl li {
padding: 0 0 10px;
list-style: none;
}
.swalUl li:last-of-type {
padding-bottom:0;
}
.descOdr {
background: url('./img/sub/arrow_drop_down.png') no-repeat center center;
width: 12px;
height: 12px;
background-size: contain;
display: inline-block;
top: 1px;
position: relative;
margin-left: 5px;
}
.ascOdr {
background: url('./img/sub/arrow_drop_up.png') no-repeat center center;
width: 12px;
height: 12px;
background-size: contain;
display: inline-block;
top: 1px;
position: relative;
margin-left: 5px;
}