@charset "UTF-8";

/* 201203 추가 영역 // style.css 에서 B로 소스 이전 */
/*리스트형 테이블 CSS*/
.crdBodyWrap{border-radius:8px;background:#fff;}
.crdBodyWrap:after{clear:both;content:'';display:block;}
.calendarBody{border-radius:8px;}
.cldrSummWrap{overflow:hidden;padding:15px 10px 15px 10px;margin-bottom:0px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}
.cldrHeader{}
.cldrHeaderTb{width:100%;table-layout:fixed;}
.cldrHeaderTb thead th{font-size:13px;color:#5e6786;line-height:20px;padding:5px 0;text-align:center;height: 50px;border:1px solid #eceef1;background:#f4f6f9;font-weight:bold;}
.cldrBody{}
.cldrBodyTb{width:100%;table-layout:fixed;}
.cldrBodyTb thead td{border:1px solid #ddd;border-bottom:1px solid transparent;border-top:1px solid transparent;padding:5px;text-align:right;font-size:13px;}
.cldrBodyTb tbody td{height:100px;border:1px solid #e6e6e6;border-top:1px solid transparent;padding:0;overflow: visible;vertical-align:top;font-size:11px;}
.cldrBodyTb.hour tbody td{background:#f9f9fa url(/aad/img/bgCarendarHour.png) no-repeat 0 0;}
.cldrBodyTb.minutes tbody td{} /* background:#f9f9fa url(/aad/img/bgCarendarMin75.png) no-repeat 0 0; */
.cldrBodyTb02.hour tbody td{background:#fff url(/aad/img/bgCarendarHour.png) no-repeat 0 0;}
.cldrBodyTb02.minutes tbody td{background:#fff url(/aad/img/bgCarendarMin75.png) no-repeat 0 0;}
.cldrBodyTb tbody td.inDataTd{cursor:pointer;}
.cldrBodyTb thead td.on, .cldrBodyTb tbody td.on{background:#dfefff !important;}
.cldrBodyTb tfoot td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f3f9ff;font-size:12px;} /* #f3f9ff */
.cldrBodyTb tfoot td:first-child{border-left:1px solid #ddd;}
.cldrBodyTb tfoot td:last-child{border-right:1px solid #ddd;}
.calendarBody .sun{color:#ea484c;}
.calendarBody .sat{color:#4a86ff;}
.calendarBody .other{color:#ccc !important;}
.cldrBodyTb .obj{position:relative;z-index:99;cursor: pointer;padding:5px 3px 5px 8px;color:#fff;background: #fff;font-size:13px;font-weight:bold;display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;}
.cldrBodyTb .obj:hover{} /* transform: translateY(-1px);box-shadow:0 10px 18px 0 rgba(62,57,107,.2); */
.cldrBodyTb .obj:last-child{margin-bottom:0;}
.cldrBodyTb .obj.bg01{border-top:2px solid #f54394 !important;background: #f9f9f9;}
.cldrBodyTb .obj.bg02{border-top:2px solid #f4c414 !important;background: #f9f9f9;}
.cldrBodyTb .obj.bg03{border-top:2px solid #14bae4 !important;background: #f9f9f9;}
.cldrBodyTb .obj.bg04{border-top:2px solid #31c971 !important;background: #f9f9f9;}
.cldrBodyTb .obj.bg05{border-top:2px solid #a065c5 !important;background: #f9f9f9;}
.cldrBodyTb .obj.bg06{border-top:2px solid #0ff3d3 !important;background: #f9f9f9;}
.cldrBodyTb .obj p{color:#929aa7; font-size: 13px;font-weight: 400 !important;}
.cldrBodyTb .obj .objTit{color:#5e676f !important;font-size: 13px !important;margin-bottom: 5px;font-weight: 600 !important;}
.cldrBodyTb .obj .objInfo{width: 54%;float:left}
.cldrBodyTb .obj .time{margin-bottom:5px;font-size:11px;color:#3e3e3e;display:none;}
.cldrBodyTb .obj .objIco{float:right;text-align: right;opacity: 0.8;display: flex;justify-content: flex-end;align-items: center;}
/*
.cldrBodyTb .obj .objIco .icoStat{display:inline-block;width:18px;height:18px;}
.cldrBodyTb .obj.bg01 .objIco .icoStat.memo{background:url(/aad/img/sub/grayedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg01 .objIco .icoStat.view{background:url(/aad/img/sub/graycheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg02 .objIco .icoStat.memo{background:url(/aad/img/sub/grayedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg02 .objIco .icoStat.view{background:url(/aad/img/sub/graycheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg03 .objIco .icoStat.memo{background:url(/aad/img/sub/grayedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg03 .objIco .icoStat.view{background:url(/aad/img/sub/graycheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg04 .objIco .icoStat.memo{background:url(/aad/img/sub/grayedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg04 .objIco .icoStat.view{background:url(/aad/img/sub/graycheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj .objIco .icoStat.partPayment{background: #1e45d2;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.Payment{background: #0374ff;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.unpaid{background: #e29c00;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.claim{background: #f90000;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.refund{background: #ff5e00;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.cancelCharge{background: #009e5c;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.exceed{background: #ca6888;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.memoTxt{background: #c5c5c5;color: #000;line-height: 18px; text-align: center; font-weight: 600; border-radius: 2px;}
.cldrBodyTb .obj .objIco .icoStat.checkTxt{background: #e82375;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
*/
.cldrBodyTb .obj .cldrBodyTb .more{display:block;text-align:right;font-size:11px;color:#f20;}

.cldrBodyTb .obj.bgerror{border-top:2px solid #2961db !important;background: #f9f9f9;}
.cldrBodyTb .obj.bgerror p.objTit{color:#000000 !important;font-size: 13px !important;margin-bottom: 5px;display: inline-block;max-width: 100px;overflow: hidden;text-overflow: ellipsis;}
.cldrBodyTb .obj.bgerror .objIco .icoStat.error{background: #fb4e4e;color: #fff; width: 18px; height: 18px;line-height: 18px;border-radius: 100px; margin: 0 auto;font-weight: 900;text-align: center;}

/*달력형 테이블 CSS*/
.cldrBodyTb02{width:100%;table-layout:fixed;}
.cldrBodyTb02 thead td{border:1px solid #ddd;border-bottom:1px solid transparent;border-top:1px solid transparent;padding:5px;text-align:right;font-size:13px;}
.cldrBodyTb02 tbody td{height:100px;border:1px solid #ddd;border-top:1px solid transparent;padding:0;overflow: visible;vertical-align:top;font-size:11px;}
.cldrBodyTb02 tbody td.inDataTd{cursor:pointer;}
.cldrBodyTb02 thead td.on, .cldrBodyTb tbody td.on{background:#dfefff !important;}
.cldrBodyTb02 tfoot td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f3f9ff;font-size:12px;} /* #f3f9ff */
.cldrBodyTb02 tfoot td:first-child{border-left:1px solid #ddd;}
.cldrBodyTb02 tfoot td:last-child{border-right:1px solid #ddd;}
.cldrBodyTb02 .obj{position: relative;border-radius:4px;padding:7px 8px; min-height: 88px;color:#fff;font-size:13px;font-weight:bold;display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;cursor:pointer;}
.cldrBodyTb02 .obj:hover{transform: translateY(-1px);box-shadow:0 10px 18px 0 rgba(62,57,107,.2);}
.cldrBodyTb02 .obj:last-child{margin-bottom:0;}
.cldrBodyTb02 .obj.bg01{background:#ffdadc}
.cldrBodyTb02 .obj.bg02{background:#ffecc0}
.cldrBodyTb02 .obj.bg03{background:#dadeff}
.cldrBodyTb02 .obj.bg04{background:#c3f6f2}
.cldrBodyTb02 .obj.bg05{background:#ead0f8}
.cldrBodyTb02 .obj.bg06{background:#84e4e4}
/* 20211006_백업
.cldrBodyTb02 .obj.bg01{background:#feeced}
.cldrBodyTb02 .obj.bg02{background:#fff5de}
.cldrBodyTb02 .obj.bg03{background:#ebedfd}
.cldrBodyTb02 .obj.bg04{background:#e2f7f5}
.cldrBodyTb02 .obj.bg05{background:#f1e1fa}
.cldrBodyTb02 .obj.bg06{background:#b2ffff}
*/
.cldrBodyTb02 .obj.bgerror{background:#d7d7d7}
.cldrBodyTb02 .obj p{color:#5f5f5f; font-size: 12px;}
.cldrBodyTb02 .obj.bg01 p.objTit{color:#d13536 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bg02 p.objTit{color:#b1941f !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bg03 p.objTit{color:#1e40b2 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bg04 p.objTit{color:#22a384 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bg05 p.objTit{color:#881cce !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bg06 p.objTit{color:#007171 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj.bgerror p.objTit{color:#000000 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb02 .obj .objInfo{}
.cldrBodyTb02 .obj .objIco{position: absolute; bottom: 10px; left: 10px;}
.cldrBodyTb02 .obj .cldrBodyTb .more{display:block;text-align:right;font-size:11px;color:#f20;}
.cldrBodyTb02 .obj.bgerror .objIco .icoStat.memo{background:url(/aad/img/sub/blackedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bgerror .objIco .icoStat.view{background:url(/aad/img/sub/blackcheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bgerror .objIco .icoStat.error{background: #fb4e4e;color: #fff; width: 18px; height: 18px;line-height: 18px;border-radius: 100px; margin: 0 auto;font-weight: 900;text-align: center;}

/*
.cldrBodyTb02 .obj .objIco .icoStat{display:inline-block;width:18px;height:18px;vertical-align:middle;}
.cldrBodyTb02 .obj.bg01 .objIco .icoStat.memo{background:url(/aad/img/sub/rededit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg01 .objIco .icoStat.view{background:url(/aad/img/sub/redcheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg02 .objIco .icoStat.memo{background:url(/aad/img/sub/yellowedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg02 .objIco .icoStat.view{background:url(/aad/img/sub/yellowcheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg03 .objIco .icoStat.memo{background:url(/aad/img/sub/blueedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg03 .objIco .icoStat.view{background:url(/aad/img/sub/bluecheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg04 .objIco .icoStat.memo{background:url(/aad/img/sub/greenedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb02 .obj.bg04 .objIco .icoStat.view{background:url(/aad/img/sub/greencheck.png) no-repeat 0 0;background-size:18px 18px !important;}

.cldrBodyTb02 .obj .objIco .icoStat.partPayment{background: #1e45d2;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.Payment{background: #0374ff;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.unpaid{background: #e29c00;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.claim{background: #f90000;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.refund{background: #ff5e00;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.cancelCharge{background: #009e5c;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.exceed{background: #ca6888;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.memoTxt{background: #c5c5c5;color: #000;line-height: 18px; text-align: center; font-weight: 600; border-radius: 2px;}
.cldrBodyTb02 .obj .objIco .icoStat.checkTxt{background: #e82375;color: #fff;line-height: 18px; text-align: center; font-weight: 300; border-radius: 2px;}
*/
.icoStat{display:inline-block;width:15px;height:15px;vertical-align:middle;font-size: 13px;color: #111;margin-right: 3px;}
.icoStat.partPayment{background: #1e45d2;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.Payment{background: #0374ff;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.unpaid{background: #e29c00;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.claim{background: #f90000;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.refund{background: #ff5e00;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.cancelCharge{background: #009e5c;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.exceed{background: #ca6888;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}
.icoStat.memoTxt{background: #c5c5c5;color: #000;line-height: 14px; text-align: center; font-weight: 600; border-radius: 2px;}
.icoStat.checkTxt{background: #e82375;color: #fff;line-height: 14px; text-align: center; font-weight: 300; border-radius: 2px;}

/* // 201203 추가 영역 // style.css 에서 B로 소스 이전 */

.adminUlBtn{padding:0;color: #9fa2b7;border-radius: 3px;}
.adminUlBtn a{display:inline-block;min-width:70px;height: 32px;letter-spacing:-0.5px;line-height:29px;padding:0 5px;text-align:center;font-size: 14px;position:relative;border-radius: 5px;border:1px solid transparent}
.adminUlBtn a:first-child:before{display:none !important;}
.adminUlBtn a:hover{box-shadow: 3px 5px 18px 0 rgba(103,111,134,.2);background: #fff;}
.adminUlBtn a.on{background: #fff; display: inline-block; color: #2068ce;font-weight: 400;border:1px solid #2068ce;}
.adminUlBtn a:before{content:'';display: inline-block;width:8px;height:8px;margin-right:3px;}
.adminUlBtn .reserve:before{background:#22a384;}
.adminUlBtn .noshow:before{background:#f7c44f;}
.adminUlBtn .product:before{background:#1e40b2;}
.adminUlBtn .cancel:before{background:#d13536;}
.adminUlBtn .reserveSB:before{background:#0ff3d3;}
.adminUlBtn .cancelSB:before{background:#a065c5 ;}
/*
.adminUlBtn{background: #f1f1f8;height: 35px; line-height: 35px;color: #9fa2b7;border-radius: 3px;}
.adminUlBtn li{float:left;width: 85px;text-align: center;font-size: 13px;position:relative}
.adminUlBtn li a{}
.adminUlBtn li a:hover{box-shadow: 3px 5px 18px 0 rgba(103,111,134,.2);background: #fff; width: 80px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #2068ce;font-weight: bold;}
.adminUlBtn li a.on01{background: #fff; width: 70px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #2068ce;font-weight: bold;}
.adminUlBtn li a.on02{background: #d2fbf1; width: 70px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #22a384;font-weight: bold;}
.adminUlBtn li a.on03{background: #fff5de; width: 70px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #b1941f;font-weight: bold;}
.adminUlBtn li a.on04{background: #c7d0fe; width: 70px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #1e40b2;font-weight: bold;}
.adminUlBtn li a.on05{background: #fdd3d4; width: 70px; display: inline-block; border-radius: 8px;height: 28px; margin-top: 4px; line-height: 28px;color: #d13536;font-weight: bold;}
.adminUlBtn .reserve:before{content:'';display: block;width:8px;height:8px;position: absolute;border-radius:100px;background:#22a384;top: 14px; left: 7px;z-index: 99;}
.adminUlBtn .noshow:before{content:'';display: block;width:8px;height:8px;position: absolute;border-radius:100px;background:#f7c44f;top: 14px; left: 19px;z-index: 99;}
.adminUlBtn .product:before{content:'';display: block;width:8px;height:8px;position: absolute;border-radius:100px;background:#1e40b2;top: 14px; left: 8px;z-index: 99;}
.adminUlBtn .cancel:before{content:'';display: block;width:8px;height:8px;position: absolute;border-radius:100px;background:#d13536;top: 14px; left: 7px;z-index: 99;}
*/
.adminUlBtnEach{height: 35px; line-height: 35px;color: #9fa2b7;border-radius: 3px;}
.adminUlBtnEach li{float:left;width: 107px;text-align: center;font-size: 13px;}
.adminUlBtnEach li a{display: inline-block;width: 94%;}

.alertIcon01{height: 20px;width: 20px; border: 1px solid #fff; display: inline-block; line-height: 20px; text-align: center; border-radius: 100px; margin-right: 10px; font-size: 9px;}
.alertIcon02{width: 14px;height: 25px;float: right; overflow: hidden;}
.alertIcon02 img{width:100%}
.alertIcon02:after{content:''; display:block; clear:both}

/*.adminUlBtn02 li a.on{background: #fff; border-radius: 8px; margin-top: 4px;color: #2068ce;font-weight: bold; padding: 5px 3px;}*/



/*리스트형 테이블 CSS 백업
.crdBodyWrap{}
.crdBodyWrap:after{clear:both;content:'';display:block;}
.calendarBody{background:#fff;padding:10px 0;border-radius:8px;}
.cldrSummWrap{overflow:hidden;padding:15px 10px 15px 10px;margin-bottom:0px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background:#f3f9ff}
.cldrHeader{}
.cldrHeaderTb{width:100%;table-layout:fixed;}
.cldrHeaderTb thead th{font-size:15px;color:#555;line-height:20px;padding:5px 0;text-align:center;height: 85px;border:1px solid #ddd;background:#f1f1f8;font-weight:bold;}
.cldrBody{}
.cldrBodyTb{width:100%;table-layout:fixed;}
.cldrBodyTb thead td{border:1px solid #ddd;border-bottom:1px solid transparent;border-top:1px solid transparent;padding:5px;text-align:right;font-size:13px;}
.cldrBodyTb tbody td{height:100px;border:1px solid #ddd;border-top:1px solid transparent;padding:3px;overflow: visible;vertical-align:top;font-size:11px;}
.cldrBodyTb tbody td.inDataTd{cursor:pointer;}
.cldrBodyTb thead td.on, .cldrBodyTb tbody td.on{background:#dfefff !important;}
.cldrBodyTb tfoot td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f3f9ff;font-size:12px;}
.cldrBodyTb tfoot td:first-child{border-left:1px solid #ddd;}
.cldrBodyTb tfoot td:last-child{border-right:1px solid #ddd;}
.calendarBody .sun{color:#ea484c;}
.calendarBody .sat{color:#4a86ff;}
.calendarBody .other{color:#ccc !important;}
.cldrBodyTb .obj{cursor: pointer;border-radius:4px;padding:7px 8px;color:#fff;font-size:13px;font-weight:bold;display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;margin-bottom:5px;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.cldrBodyTb .obj:hover{transform: translateY(-1px);box-shadow:0 10px 18px 0 rgba(62,57,107,.2);transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.cldrBodyTb .obj:last-child{margin-bottom:0;}
.cldrBodyTb .obj.bg01{background:#fdd3d4}
.cldrBodyTb .obj.bg02{background:#fff5de}
.cldrBodyTb .obj.bg03{background:#c7d0fe}
.cldrBodyTb .obj.bg04{background:#d2fbf1}
.cldrBodyTb .obj p{color:#5f5f5f; font-size: 12px;}
.cldrBodyTb .obj.bg01 p.objTit{color:#d13536 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb .obj.bg02 p.objTit{color:#b1941f !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb .obj.bg03 p.objTit{color:#1e40b2 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb .obj.bg04 p.objTit{color:#22a384 !important;font-size: 13px !important;margin-bottom: 5px;}
.cldrBodyTb .obj .objInfo{width: 54%;float:left}
.cldrBodyTb .obj .objIco{width: 45%;float:right;text-align: right;}
.cldrBodyTb .obj .objIco .icoStat{display:inline-block;width:18px;height:18px;}
.cldrBodyTb .obj.bg01 .objIco .icoStat.memo{background:url(/aad/img/sub/rededit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg01 .objIco .icoStat.view{background:url(/aad/img/sub/redcheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg02 .objIco .icoStat.memo{background:url(/aad/img/sub/yellowedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg02 .objIco .icoStat.view{background:url(/aad/img/sub/yellowcheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg03 .objIco .icoStat.memo{background:url(/aad/img/sub/blueedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg03 .objIco .icoStat.view{background:url(/aad/img/sub/bluecheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg04 .objIco .icoStat.memo{background:url(/aad/img/sub/greenedit.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj.bg04 .objIco .icoStat.view{background:url(/aad/img/sub/greencheck.png) no-repeat 0 0;background-size:18px 18px !important;}
.cldrBodyTb .obj .cldrBodyTb .more{display:block;text-align:right;font-size:11px;color:#f20;}
*/
.divScrollWrap{overflow-x: scroll;}
.divScrollWrap::-webkit-scrollbar{width:5px; height:5px}
.divScrollWrap::-webkit-scrollbar-thumb { background-color: #808080; border-radius: 10px;}
.divScrollWrap::-webkit-scrollbar-track { background-color: #d4d4d4; border-radius: 10px;}

/*border-right: 3px solid #c6c6ce;
.divScrollWrap{width:1080px;height: 700px;overflow:scroll}
.divScrollWrap::-webkit-scrollbar{width:5px; height:5px}
.divScrollWrap::-webkit-scrollbar-thumb { background-color: #808080; border-radius: 10px;}
.divScrollWrap::-webkit-scrollbar-track { background-color: #d4d4d4; border-radius: 10px;}
*/

/*근무일정표*/
.divScrollWrapWork{overflow-x: scroll;}
.divScrollWrapWork::-webkit-scrollbar{width:0px; height:8px;}
.divScrollWrapWork::-webkit-scrollbar-thumb { border-radius:30px; background:#2961db;background: linear-gradient(45deg,#42a8e5, #1852cf);}
.divScrollWrapWork::-webkit-scrollbar-track { background-color: #d4d4d4; border-radius: 10px;}
.crdBodyWrapWork{padding:20px;border:1px solid #dedede;border-radius:8px;background:#fff;}
.crdBodyWrapWork:after{clear:both;content:'';display:block;}
.calendarBodyWork{border-radius:8px;}
.cldrSummWrapWork{overflow:hidden;padding:15px 10px 15px 10px;margin-bottom:0px;border-left:1px solid #ddd;border-top:1px solid #ddd;border-right:1px solid #ddd;background:#fff}
.cldrHeaderWork{}
.cldrHeaderTbWork{width:100%;table-layout:fixed;}
.cldrHeaderTbWork thead th{height: 50px !important;min-height: 50px !important;font-size: 15px;color: #111111;line-height: 20px;padding: 5px 0;text-align: center;border: 1px solid #f9f9f9;background: #f4f6f9;font-weight: bold;} /* font-size:13px;color:#5e6786;line-height:20px;padding:5px 0;text-align:left;height: 50px;background:#f4f6f9;font-weight:bold; */
.cldrBodyWork{}
.cldrBodyTbWork{width:100%;table-layout:fixed;}
.cldrBodyTbWork thead td{border:1px solid #ddd;border-bottom:1px solid transparent;border-top:1px solid transparent;padding:5px;text-align:right;font-size:13px;}
.cldrBodyTbWork tbody td{position:relative;height:95px;border:1px solid #e6e6e6;border-top:1px solid transparent;border-bottom: 0px solid transparent;padding:0;overflow: visible;vertical-align:top;font-size:11px;background:#f9f9fa;}
.cldrBodyTbWork tbody td.inDataTd{cursor:pointer;}
.cldrBodyTbWork thead td.on, .cldrBodyTb tbody td.on{background:#dfefff !important;}
.cldrBodyTbWork tfoot td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f3f9ff;font-size:12px;} /* #f3f9ff */
.cldrBodyTbWork tfoot td:first-child{border-left:1px solid #ddd;}
.cldrBodyTbWork tfoot td:last-child{border-right:1px solid #ddd;}
.cldrBodyTbWork .workobj{z-index:999;border-radius:1000px;padding:4px 5px;color:#fff;font-size:13px;box-shadow: 0px 10px 4px -8px #818181;background: linear-gradient(146deg, #6d5ad5, #38a3af);font-weight:bold;display:block;white-space: nowrap;text-overflow: ellipsis;word-break: break-all;overflow: hidden;transition:All 0.2s ease;-webkit-transition:All 0.2s ease;-moz-transition:All 0.2s ease;-o-transition:All 0.2s ease;}
.cldrBodyTbWork .workobj:hover{transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.cldrBodyTbWork .workobj:last-child{margin-bottom:0;}
.cldrBodyTbWork .workobj .designerImg{display: inline-block;float: left; margin-right: 13px; overflow: hidden;width: 55px;height: 55px;border-radius: 100px; border: 1px solid #ddd;}
.cldrBodyTbWork .workobj .designerImg img{width: 100%;height: 100%;object-fit: cover;}
.cldrBodyTbWork .workobj p{color:#ffffff; font-size: 14px;font-weight: 400 !important;}
.cldrBodyTbWork .workobj .workobjTit{color:#ffffff !important;font-size: 16px !important;margin-bottom: 5px;font-weight: normal !important;}
.cldrBodyTbWork .workobj .workobjTit .position{font-weight:400}
.cldrBodyTbWork .workobj .workobjInfo{width: 54%;margin-top: 5px;}
.cldrBodyTbWork .workobj .bold{font-weight:bold}
.cldrBodyTbWork .workobj .time{margin-bottom:5px;font-size:11px;color:#3e3e3e;display:none;}
.cldrBodyTbWork .workobj .cldrBodyTb .more{display:block;text-align:right;font-size:11px;color:#f20;}
/*//근무일정표*/





.designerImgWrap{width: 65px; overflow: hidden; display: inline-block; height: 65px;border-radius: 100px; border: 1px solid #ddd;float: left;margin: 18px 0px 0px 20px;}
.designerImgWrap img{width:100%;height:100%;object-fit: cover;}
.designerInfoWrap{display: inline-block; text-align: left; width: 55%; float: right; margin: 40px 0px 0px 0px;}
.designerInfoWrap .designerName{font-size: 17px; margin-bottom: 7px; font-weight: bold;color: #5e676f;}
.designerInfoWrap .position{margin-bottom:11px;font-size: 14px;color: #757575;}
.designerInfoWrap .heart02{color:#ff4069;font-size:13px;border: 1px solid #ddd; padding: 2px 5px; border-radius: 5px;background:#fff;}
.designerInfoWrap .star02{color:#686868;font-size:13px;font-weight:bold}
.designerInfoWrap .star02 i{color:#ffd16b;font-size:13px}
.designerInfoWrap:after{content:'';display:block;clear:both}

.adminDesignerAlert{background: #3a7afe;color: #fff; height: 35px;line-height: 35px;padding: 0px 10px; border-radius: 5px;margin: 8px 0px;}
.adminDeBackground{background: #fff !important;}/*f1f1f8*/

/*프로 프로필 테이블 CSS*/
.cldrHeaderTb03{width:100%;table-layout:fixed;}
.cldrHeaderTb03 thead th{font-size:15px;color:#555;border-right:none !important;line-height:20px;padding:5px 0;text-align:center;height: 50px;border:1px solid #eceef1;background:#f4f6f9;font-weight:bold;}
/*.cldrHeaderTb03 thead th{font-size:15px;color:#555;border-right: 3px solid #c7c7c7 !important;line-height:20px;padding:5px 0;text-align:center;height: 85px;border:1px solid #eceef1;background:#fff;font-weight:bold;}*/
.cldrBodyTb03{width:100%;table-layout:fixed;}
.cldrBodyTb03 thead td{border:1px solid #ddd;border-bottom:1px solid transparent;border-right: 3px solid #c7c7c7;border-top:1px solid transparent;padding:5px;text-align:right;font-size:13px;}
.cldrBodyTb03 tbody td{height:101px;border:1px solid #eceef1;border-top:1px solid transparent;border-right:none ;padding:3px;overflow: visible;vertical-align:top;font-size:11px;}
/*.cldrBodyTb03 tbody td{height:101px;border:1px solid #eceef1;border-top:1px solid transparent;border-right: 3px solid #c7c7c7;padding:3px;overflow: visible;vertical-align:top;font-size:11px;}*/
.cldrBodyTb03 tbody td.inDataTd{cursor:pointer;}
.cldrBodyTb03 thead td.on, .cldrBodyTb tbody td.on{background:#dfefff !important;}
.cldrBodyTb03 tfoot td{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:10px;background:#f3f9ff;font-size:12px;} /* #f3f9ff */
.cldrBodyTb03 tfoot td:first-child{border-left:1px solid #ddd;}
.cldrBodyTb03 tfoot td:last-child{border-right:1px solid #ddd;}


.alertStyle01 {padding: 12px 6px; background-color: #fdd3d4; color: #272727; font-size: 13px;border-radius: 5px;margin-top: 10px;}
.closebtn {margin-left: 15px;color: white;font-weight: bold;float: right;font-size: 22px;line-height: 14px;cursor: pointer;transition: 0.3s;}
.closebtn:hover {color: #272727;}

.hairVisualVer{}
.hairVisualVer .category{width: 25%;display: inline-block;vertical-align: top;min-height: 550px;max-height: 550px;overflow-y: scroll;padding-top: 5px;}
.hairVisualVer .category li{background:#fff;clear:both;height: 55px;line-height: 55px;overflow:hidden;font-size: 16px;cursor:pointer;border: 1px solid #dedede;margin-top:-1px;}
.hairVisualVer .category li.on{background:#fff !important;color: #6477f8;font-weight: 700;border: 1px solid #5a6ff8 !important;position:relative;z-index:10}
.hairVisualVer .category li:hover{ background:#f5f5f5}
.hairVisualVer .category li:first-child{margin-top:0 !important;}
.hairVisualVer .category li:after{content:'';display:block;clear:both}
.hairVisualVer .category li p{width:100%;height:100%;padding: 0px 10px;}
.hairVisualVer .category li p .count{float: right;border-radius: 5px;font-weight: 800;color: #5a6ff8;}
.hairVisualVer .itemListWrap{border-bottom:1px solid #eee;width: 44%;display: inline-block;vertical-align: top;min-height: 550px;max-height: 550px;overflow-y: scroll;background: #eef0f3;padding: 13px;}
.hairVisualVer .itemListWrap .itemListDetail{margin-bottom: 10px;background: #fff; padding:16px 11px 16px 11px;border-radius: 10px;border: 1px solid#ddd;display: flex;flex-wrap: wrap;}
.hairVisualVer .itemListWrap .itemListDetail .itemCheck{width: 5%;display: inline-block; vertical-align: top;}
.hairVisualVer .itemListWrap .itemListDetailDl{display: inline-block;width: 85%;font-size: 18px;}
.hairVisualVer .itemListWrap .itemListDetailDl dt{width: 49%;display: inline-block;}
.hairVisualVer .itemListWrap .itemListDetailDl dd{width: 49%;display: inline-block;text-align: right;}
.hairVisualVer .itemListWrap .itemListDetailDl02{display: inline-block;width: 94%;margin-left: 6%;margin-bottom: 3px; font-size: 14px;line-height: 20px;}
.hairVisualVer .itemListWrap .itemListDetailDl02 dt{width: 49%;display: inline-block;}
.hairVisualVer .itemListWrap .itemListDetailDl02 dd{width: 49%;display: inline-block;text-align: right;}
.hairVisualVer .itemListWrap .itemListDetailDl03{display: inline-block;width: 100%;margin-bottom: 3px; font-size: 18px;line-height: 20px;}
.hairVisualVer .itemListWrap .itemListDetailDl03 dt{width: 80%;display: inline-block;}
.hairVisualVer .itemListWrap .itemListDetailDl03 dd{width: 80%;display: inline-block;text-align: right;}
.hairVisualVer .itemListWrap .subOption{margin-top: 10px;}
.hairVisualVer .itemChoiceWrap{width: 30%;vertical-align: top;min-height: 550px;display: inline-block;padding: 10px;padding-top: 0px;}
.hairVisualVer .itemChoiceWrap .itemChoice{width: 100%;display: inline-block;min-height: 450px;max-height: 450px;overflow-y: scroll;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceTitle{font-size: 18px; padding: 10px 0px;margin-bottom: 15px;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl{margin-bottom: 35px;margin-right: 10px;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dt{margin-bottom: 15px;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dt span{color: #2068ce;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dd{margin-bottom: 15px;font-size:13px;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dd span{color: #5a6ff8;}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dt:before{content:'';display:block;clear:both}
.hairVisualVer .itemChoiceWrap .itemChoice .itemChoiceDl dd:before{content:'└';display:inline-block;}
.hairVisualVer .itemChoiceWrap .itemChoice02{width: 100%;display: inline-block;min-height: 100px;border-top: 1px solid#ddd; padding-top: 15px;margin-top: 20px;}
.hairVisualVer .itemChoiceWrap .itemChoice02 .price{text-align: right;font-size: 26px; color: #e71313;font-weight: 600;padding-top: 20px;}
.hairVisualVer .itemChoiceWrap .delBtn{bottom:2px;}
.reserveHistory{}
.reserveHistory .reserveNum{font-size: 17px; margin: 5px 0px 15px;}
.reserveHistory .information{font-size: 13px;margin: 5px 0px 10px;}
.reserveHistory .after{font-weight:700; color:#5a6ff8;}
.w15p{width:15% !important}
/*쿠폰 구매 팝업*/
.buyTicket_wrap .itemListWrap{
    min-height: 247px;
    max-height:247px;
    padding: 15px;
    width:100%;
    border: 1px solid #ddd;
}
.buyTicket_wrap .itemListWrap .itemListDetail{
    margin-bottom: 0;
    background: none;
    border: none;
    padding: 0;
}
#appPopBuyTicket .buyTicket_wrap .itemListWrap .itemListDetailDl03{
    background: #fff;
    padding: 16px 11px 16px 11px;
    border-radius: 10px;
    border: 1px solid #ddd;
}
.businessInfo{width: 23.8%; display: inline-block; border-right: 1px solid #ddd;margin-right: 9px;padding: 10px 13px 10px 0px;}
.businessInfo p{}
.businessInfo .title{font-size: 15px;color: #757575;margin-bottom: 20px;}
.businessInfo .profit{text-align:center;font-size: 16px;line-height: 22px;font-weight: 700;}
.businessInfo .profit .bold{font-size: 18px;font-weight: 600;}

.shopImgWrapUl{margin: 12px 0px;}
#appStoreIntro .shopImgWrapUl{margin: 30px 20px 15px 20px;}
.shopImgWrapUl:after{content:'';display:block;clear:both}
.shopImgWrapUl li{border: 1px solid #eee;width: 80px;height: 80px;float: left; margin-right: 15px;position: relative;}
.shopImgWrapUl li .imgWrap{overflow: hidden;width: 100%;height: 100%;}
.shopImgWrapUl li .imgWrap img{width: 100%;height: 100%;object-fit: cover;}
.shopImgWrapUl li .noImgWrap{}
.shopImgWrapUl li .noImgWrap img{width: 23px;display: block;opacity: 0.7; margin: 13px auto;}
.shopImgWrapUl li .noImgWrap span{display: block;text-align: center; font-size: 12px;}
.shopImgWrapUl li .imgBtn{position: absolute;top: -10px; right: -11px;}
.shopImgWrapUl li .imgBtn img{width: 22px; height: 22px;}
.tagWrap{display: inline-block; background: #c8e1e8;padding: 5px 8px;margin-right: 5px;border-radius: 5px;font-size: 13px;}

.promotionWrap{width: 100%;border: 1px solid #ddd;padding: 25px 0px;border-radius: 5px;margin-bottom: 10px;cursor:pointer}
.promotionWrap:hover{border-color:#000}
.promotionWrap.on{border-color: #6992ff; background: #edf2ff;}
.promotionWrap p{display:inline-block;text-align: left;}
.promotionWrap .bold{font-weight:bold}
.promotionWrap .wrap01{width: 10%;text-align:center;font-weight: 600;}
.promotionWrap .wrap02{width: 45%;}
.promotionWrap .wrap03{width: 23%;}
.promotionWrap .wrap04{width: 20%;}

.itemDlSelect{}
.itemDlSelect dt{height: 50px;border: 1px solid #ddd;line-height: 50px; padding: 0px 11px;border-top: none;cursor:pointer}
.itemDlSelect dd{background: #ddd; padding: 10px 0px 10px 40px;}
.itemDlSelect ul{}
.itemDlSelect ul li{margin-bottom: 8px;font-size: 14px;}

.divItemNoneWarp{padding: 190px 0px;background:#ddd}
.divItemNoneWarp p{text-align:center;margin-bottom:15px}

.itemCateImgWrap{width: 200px;height: 200px; border-radius: 1000px; margin: 20px auto 50px;overflow:hidden;background:#f1f1f1;}
.itemCateImgWrap:after{content:'NO IMAGE';display:block;line-height:200px;width:200px;height:200px;text-align:center;font-size:24px;color:#999;font-weight:100;}
.itemCateImgWrap img{height:200px;width:100%;object-fit: cover;}
.w65p{width:65% !important}

.phoneStateWrap{height: 30px !important;vertical-align: middle !important;line-height: 30px !important;text-align: center !important;padding: 0px !important; margin: 10px 20px;width: 23% !important; border-radius: 100px; color: #fff;}
.phoneStateWrap.type01{background: #3cdede;}
.phoneStateWrap.type02{background: #365ada;}
.phoneStateWrap.type03{background: #ff5c75;}

.essentialPop{color: #ec0e0e;float: right;margin-right: 10px;font-weight: 500;}
.essentialPop:after{content:'';display:both;clear:both}

.employeeImgWrap{border: 1px solid #ddd;width: 80px;height: 80px;margin-right: 15px;position: relative;}
.employeeImgWrap a{}
.employeeImgWrap .noImgWrap{}
.employeeImgWrap .noImgWrap img{width: 23px;display: block; opacity: 0.7; margin: 13px auto;}
.employeeImgWrap .noImgWrap span{display: block; text-align: center; font-size: 12px;}

.textCenterTr td{text-align:center !important}
.textCenterTr th{text-align:center !important}

.textBold18Px{font-size: 18px;font-weight: 800;}



.termListWrap{width:20%;float:left;min-height:650px;border:1px solid #dedede;border-radius:8px;padding:20px !important;}
.termListWrap h2{padding:5px;font-size:15px;text-align:left;margin-bottom:35px;padding-bottom:10px;border-bottom: 3px solid #111;}
/*.termListWrap h2:before{content:'· ';}*/
.termListWrap h2 a{height: 43px;line-height: 43px;padding: 0px 10px;/*position: absolute;*/top: 0px;right:0;}
.termListWrap h2 .termsLoad{right:120px;}
.termListWrap .overflowY a{display:block;padding:10px;text-align:left;border-radius:8px;}
.termListWrap .overflowY a:hover{background:#ebecfd}
.termListWrap .overflowY a.selected{background:#0d3eab !important;color:#fff !important;}

.termContWrap{}

.termTable{width:100%;margin:0 auto;}
.termTable tbody th, .termTable tbody td{padding:5px 5px;}
.termTable tbody th{font-size:13px;font-weight:500;color:#666}
.termTable tbody td{font-size:15px;color:#000;}

.countWrap{float: right;background: #f31a1a;display: inline-block; height: 19px;line-height: 18px;padding: 0px 7px;color: #fff; border-radius: 100px;margin-top: 15px; font-size: 11px;}


.ui-tooltip, .arrowCustom:after {background: #333;max-width:15%}
.ui-tooltip { padding: 10px 20px; color: white; border-radius: 20px;font: 14px; text-transform: uppercase;}
.arrowCustom {width: 70px;height: 16px;overflow: hidden; position: absolute; left: 50%;margin-left: -35px; bottom: -16px;}
.arrowCustom.top {top: -16px; bottom: auto;}
.arrowCustom.left {left: 20%;}
.arrowCustom:after {content: "";position: absolute;left: 20px; top: -20px;  width: 25px; height: 25px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg);}
.arrowCustom.top:after {bottom: -20px;top: auto;}

.circleButton{padding: 0px 6px; margin-left: 8px; border-radius: 100px;font-size: 12px; color: #fff !important;background: #5572f2;}
.circleButton02{padding: 2px 5px; position: absolute !important; left: 4px;margin: 0px; border-radius: 100px;font-size: 12px; color: #fff !important;background: #5572f2;}
.circleButton03{margin-left: 8px; border-radius: 100px;height: 20px;text-align: center;width: 19px;line-height: 20px; font-size: 12px;color: #fff !important;  background: #5572f2;}

.tooltip { position: relative; display: inline-block;border-bottom: 1px dotted #ccc;color: #006080;}
.tooltip .tooltiptext {visibility: hidden;position: absolute; width: 205px;background-color: #555;color: #fff;text-align: center; padding: 5px 0;border-radius: 6px; z-index: 1;}
.tooltip:hover .tooltiptext {visibility: visible;}
.tooltip-bottom {top: 135%;left: -150%;margin-left: -60px;}
.tooltip-bottom:before{ content:'';display:none}
 
.tooltip02 { position: relative; display: inline-block;border-bottom: 1px dotted #ccc;color: #006080;}
.tooltip02 .tooltiptext02 {visibility: hidden;position: absolute; width: 128px;background-color: #fff;color: #1b1b1b;box-shadow: 2px 2px #dadada;text-align: center; padding: 5px 0;border-radius: 6px; z-index: 1;}
.tooltip02:hover .tooltiptext02 {visibility: visible;}
.tooltip-bottom02 {top: 135%;left: 37%;margin-left: -60px;}
.tooltip-bottom02:before{ content:'';display:none}
.tooltip02 .tooltipSpan01{display: inline-block; margin: 5px auto;}
.tooltip02 .tooltipSpan01 i{color: #ffb200;}
.tooltip02 .tooltipSpan02{ display: inline-block; margin: 5px auto; font-size: 13px;color: #3a7afe;}

.reserveDeBtn{margin-top: 7px;}
.reserveDeBtn button{font-size: 13px; background: #ddd; border: 1px solid #ddd; padding: 6px;border-radius: 3px;}
.reserveDeBtn button:hover{background:#ecf2ff;color: #3a7afe !important;border: 1px solid #3a7afe !important;}
.reserveDeBtn .on{background:#3a7afe; color:#fff; border:1px solid #3a7afe}

.upperTxt02{font-size: 16px !important; font-weight: 600;color: #ff5c75;}

.downLineAdmin{color: #ff5c75 !important;}

.memberBadge01{background: #2068ce; color: #fff; padding: 5px 8px;vertical-align: middle; border-radius: 100px; font-size: 13px;}
.memberBadge02{background: #ffc800;color: #3a1c07; font-weight: 500; padding: 5px 8px;vertical-align: middle; border-radius: 100px;font-size: 13px;}
/*01=> 일반회원 02=> 카카오회원*/

.easyJoinWrap { width: 100%; margin: 0 auto;padding: 25px 10px;font-size: 12px;}
.alizaForm { margin-bottom: 20px; position: relative;}
.introJoinInfo {padding: 5px 0px; font-size: 13px; text-align: center; color: #57419d;}
.aliza80Button02 {-webkit-appearance: none;border-radius: 15px;width: 90%; display: inline-block; height: 50px;background: #f9e000;color: #3b1e1e !important;line-height: 50px; text-align: center;font-size: 0.8rem;font-weight: 600;}
.introPtext02 {background: #f2f2f2; border: none; color: #3e3e3e; position: relative;font-size: 0.9rem;font-weight: bold; padding: 20px 0px;text-align: center;}
.alizaBottom {width: 100%; display: block;background: #57419d;height: 50px;line-height: 50px;text-decoration: none; color: #fff !important;font-size: 13px !important;vertical-align: middle;font-weight: bold; border: 0px;text-align: center;}
.logAside {text-align: center; overflow: hidden; margin-top: 25px; line-height: 26px;font-size: 0.7rem;}

.customerBtn{height: 45px;display: inline-block;line-height: 45px;border: 1px solid #ddd; width: 95%; border-radius: 5px; padding: 0px 8px; margin: 5px auto;}
.customerBtn:hover{background:#ddd}
.customerBtn.on{ background: #3a7afe;color: #fff;border:none}

.writeInputPriceRO{font-size: 18px !important;font-weight: bold !important;background: #f5f5f5 !important; color: #000 !important;}
.menuNumberPopWrap{margin-left: 8px;border: 1px solid #4682fe; padding: 0px 5px; border-radius: 5px;color: #4682fe;}
.gcDetailSpan{font-size: 13px; margin-top: 10px;display: inline-block;}
.gcDetailSpan02{font-size: 13px; margin-top: 10px;display:block;width:65%;text-align:left;margin-left: 23px;}
.gcDetailSpan02 .count{display:inline-block;width:20%;float: right;;padding-right:10px;}
.ml20p{margin-left:20%}
.gcPriceDetail{position: absolute;top: 45%;right: 5px;}
.gcPriceDetail02{display:block;width:20%;position:absolute;top:50%;right:10px;transform:translateY(-50%);font-size: 18px;}

.selectMemberDiv{width: 33%;display: inline-block; position: relative; margin: 7px 0px;}
.selectMemberDiv .itemName{font-weight:700;display:inline-block;width:90%;text-align:left;font-size:14px;padding-left:13px;letter-spacing:-0.05em;}
.selectMemberDiv .cancel{padding: 10px 13px;position:absolute;top:50%;right:2%;transform:translateY(-50%);}
.selectMemberDiv .cancel img{width: 12px;}

.ml15{margin-left:15px !important}
.mt60{margin-top:60px !important}
.w44p{width:44% !important;}
.w49pdisplay{width:49% !important;display:inline-block;}

.reserveBadge.resrvetype01{background-color: #e6e6e6;color: #000;}
.reserveBadge.resrvetype02{background-color: #0BB7AF;color: #FFFFFF;}
.reserveBadge.resrvetype03{background-color: #1e45d2;color: #FFFFFF;}
.reserveBadge.resrvetype04{background-color: #0374ff;color: #FFFFFF;}
.reserveBadge.resrvetype05{background-color: #45cedc;color: #FFFFFF;}
.reserveBadge.resrvetype06{background-color: #f14343;color: #FFFFFF;}
.reserveBadge.resrvetype07{background-color: #EE9D01;color: #FFFFFF;}
.reserveBadge.resrvetype08{background-color: #000000;color: #FFFFFF;}
.reserveBadge{margin-left: 8px;background: #ddd;padding: 3px 6px;color: #000;font-size: 13px !important;border-radius: 5px !important;}

#appPopReserveNoShow .writeTable tbody th{padding-left:12px;}
#appPopBuyTicket .hairVisualVer .itemListWrap .itemListDetailDl03{margin-bottom: 10px;}
#memberDetail .writeTable tbody th{padding-left:12px;}

#appExistGoodsPop .itemDlSelect dt{border:none;}
#appExistGoodsPop .memberSelectPop dl:nth-child(1) dt{border-top: none !important;}
#appExistGoodsPop .itemDlSelect .fa-ckbox span{padding-left: 12px;}
#appExistGoodsPop .itemDlSelect .fa-ckbox span:before{top:2px;}

#appProductManageCreate .popTitleSpan{margin-left: 0;}
#appQnaWrite .writeTable tbody tr td{padding: 10px 8px; !important;}
/*  201229 기존 컬러 백업
예약대기 resrvetype01
예약확정 resrvetype02
부분결제 resrvetype03
결제완료 resrvetype04
체크아웃 resrvetype05
예약취소 resrvetype06
노쇼	  resrvetype07
취소대기 resrvetype08

.reserveBadge.resrvetype01{background-color: #e6e6e6;color: #000;}
.reserveBadge.resrvetype02{background-color: #0BB7AF;color: #FFFFFF;}
.reserveBadge.resrvetype03{background-color: #f1a1c7;color: #FFFFFF;}
.reserveBadge.resrvetype04{background-color: #187DE4;color: #FFFFFF;}
.reserveBadge.resrvetype05{background-color: #45cedc;color: #FFFFFF;}
.reserveBadge.resrvetype06{background-color: #f14343;color: #FFFFFF;}
.reserveBadge.resrvetype07{background-color: #EE9D01;color: #FFFFFF;}
.reserveBadge.resrvetype08{background-color: #000000;color: #FFFFFF;}
.reserveBadge{margin-left: 8px;background: #ddd;padding: 3px 6px;color: #000;font-size: 13px !important;border-radius: 5px !important;}
*/
.writeTable tbody .iColorCha02{border: 1px solid #d13564;padding: 2px 5px; border-radius: 100px;}
.writeTable tbody .iColorCha02 i{color:#d13564;}
.nameSpanBold{font-size: 17px;display: inline-block;font-weight:700}

.checkoutTableDiv{display:inline-block; width:17%; text-align:center;font-size: 17px;font-weight: 700;margin: 19px 0px;}
.checkoutTableDiv p{font-size:13px;font-weight:300;margin-bottom: 5px;}

.checkoutTableDivType02{font-size: 16px; margin: 7px 0px;font-weight:500}
.checkoutTableDivType02 p{font-size: 12px; margin-bottom:5px;font-weight:400;color:#aaa}
.batchBtnWidth{display:block;margin: 5px auto; width:100px}
.stickyWrapCheckout{width: 39%;display: inline-block; position: sticky; top: 85px;float: right;margin: 0px !important;}
.checkoutBox{display:flex;justify-content: space-between;}


.calendarWrapPop{}
.calendarWrapPop .ctrCalendarPop{overflow:hidden;position:relative;margin-bottom:8px;}
.calendarWrapPop .ctrCalendarPop .month{font-size:1.3rem;text-align:center;height:30px;line-height:30px;font-weight:bold;}
.calendarWrapPop .ctrCalendarPop .btnCtrPop{position:absolute;display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle;font-size:1.0rem;}
.calendarWrapPop .ctrCalendarPop .btnCtrPop.first{background: url("/pro/img/common/left_arrow.png") no-repeat;
    background-size: contain;}
.calendarWrapPop .ctrCalendarPop .btnCtrPop.last{top: 0;
    right: 0;
    background: url("/pro/img/common/right_arrow.png") no-repeat;
    background-size: contain;}
.calendarWrapPop .calendarBody{}
.cldrBodyTbPop{width:100%;table-layout:fixed;}
.cldrBodyTbPop thead th{height:30px;text-align:center;font-size:14px;}
.cldrBodyTbPop tbody td{height:55px;text-align:center;font-size:14px;cursor:pointer;}
.cldrBodyTbPop tbody td:hover{background:#f5f5f5}
.cldrBodyTbPop tbody td.on{background:#2068ce !important;color:#fff;}
.calendarBodyPop .sun{color:#ea484c;}
.calendarBodyPop .sat{color:#4a86ff;}
.calendarBodyPop .other{color:#ccc !important;background:#eaeaea;}

.popCtrTime{width: 31%; display: inline-block; vertical-align: top;margin-right: 6px;}
.popCtrTime li{text-align:center}
.popCtrTime li a{width: 96%;display: inline-block;height: 33px; line-height: 35px; margin: 5px auto;border: 1px solid #ddd;}
.popCtrTime li a:hover{border:1px solid #2068ce;color:#2068ce}
.popCtrTime li a.on{background:#2068ce;color:#fff;border:1px solid #2068ce;}
.popCtrTime li a.off{background:#ddd;color:000}

.timeWrapPop{}
.timeWrapPop p{font-size:0.9rem;text-align:left;padding:5px 0;}
.timeBoxPop{margin:0 auto 10px;overflow:hidden;}
.timeBoxPop a{display:inline-block;width:15.5%;padding:10px 0;border:1px solid #eee;text-align:center;font-size:0.85rem;margin-bottom:5px;}
.timeBoxPop a:hover{border:1px solid #2068ce;color:#2068ce}
.timeBoxPop a.on{background:#2068ce;color:#fff;border:1px solid #2068ce;}
.timeBoxPop a.not{background:#ddd;color:000}

.timeWrapPop02{}
.timeWrapPop02 p{font-size:0.9rem;text-align:left;padding:5px 0;}
.timeBoxPop02{margin:0 auto 10px;overflow:hidden;}
.timeBoxPop02 a{display:inline-block;width:24%;padding:10px 0;border:1px solid #eee;text-align:center;font-size:0.85rem;margin-bottom:5px;}
.timeBoxPop02 a:hover{border:1px solid #2068ce;color:#2068ce}
.timeBoxPop02 a.on{background:#2068ce;color:#fff;border:1px solid #2068ce;}
.timeBoxPop02 a.not{background:#ddd;color:000}


.areaTimeTag{width:47.5%;height:50px;display:inline-block;text-align: center;line-height: 50px;border: 1px solid #ddd;}
.areaTimeTag:hover{border:1px solid #2068ce;color:#2068ce}
.areaTimeTag.on{background:#2068ce;color:#fff;border:1px solid #2068ce;}

#appReserveBoard .searchWrap select{margin-left: 5px;}

#appReserveDay .searchWrap select{margin-left: 5px;border-radius: 5px;}
#appReserveDay .searchWrap label{margin-left: 5px;border-radius: 5px;}

#appReserveList .searchWrap select{margin-right: 5px;}
.searchForm input{margin-right: 5px;}
#appReserveList .switchBtnMin{margin-right: 5px;}
#appOrderManageList .searchWrap select{margin-right: 5px;}
#appShopOrderDeliveryList .searchWrap select{margin-right: 5px;}

#customerAdmin table .Customize th{border: none;padding-top: 15px;background:none;}
#customerAdmin table .Customize td{border: none;padding-top: 15px;background:none;}
#customerAdmin .writeTable{margin-top: 0;}

#appMemberCategorize .number02{color:#fb0000;}
#appMemberCategorize input{text-align: center;padding:0;}
#appMemberCategorize .tableBorderWrap{border:0;padding:35px 0;box-shadow: none;}
#appMemberPoint .dateIco input[type=text]{width:140px;}

.calendarBodyWork{border-top: 3px solid #111111;}
#appStoreInfo .writeTable tbody td{padding:10px 8px;}

.pointSetting input[type=text]{height:32px;line-height: 31px;text-align: center !important; }
.pointSetting .tableBorderWrap tr th{width:16%;}

.backColor{position: relative;z-index: 1;font-size: 13px !important;}
#appSystemNotice .dateIco input[type=text]{width:140px;}
#appNotice .dateIco input[type=text]{width:140px;}

.df50{display: flex;margin-top: 50px;justify-content: space-between;    align-items: flex-start;}
.df50 .dfContent{width:49%;}

/* login 페이지 */
.loginBg{width: 100%;height: 100vh;background: #deefff;}
.loginBoxArea {padding:0 !important; display: flex !important;align-items: center;justify-content: space-between;flex-wrap: wrap;position: absolute !important;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 1100px;box-shadow: 0px 2px 10px -2px #818181;border-radius: 8px;overflow: hidden;}
.loginBoxArea .loginBox{padding:50px 30px;overflow: hidden;}
.loginBoxArea .loginBox01{background: #1777ee;height: 570px;}
.loginBoxArea .loginBox01 img{display:block;margin:0 auto;width: 80%;position: relative;top: 50%;transform: translateY(-50%);}
.loginBoxArea .loginBox .loginBtn{font-size: 15px;font-weight: normal;height: 50px;line-height: 50px;width: 100%;padding:0;border-radius: 5px;position: relative;}
.loginBoxArea .loginBox .loginBtn .arrowBottom{position: absolute;right: 10px;top: 50%;transform:translate(-50%,-50%); }
.loginBoxArea .loginBox .aliza80Button02{margin-bottom: 15px;}
.loginBoxArea .loginBox .title{display:inline-block;font-size:40px;padding-bottom: 10px;color: #2961db;font-weight: 700;z-index: 1;position: relative;margin-bottom: 10px;}
.loginBoxArea .loginBox .title::after{content: '';display: block;position: absolute;height: 1.5vh;width: 100%;bottom: 9px;left: 0;z-index:-1;background: #ffe06c;}
.loginBoxArea .loginBox .titleArea{margin-bottom: 70px;}
.loginBoxArea .loginBox .titleArea .loginSubText{font-size: 15px;font-weight: normal;color: #888888;}
.loginBoxArea .loginBox .titleArea .loginSubText span{color:#497dee;}
.loginBoxArea .loginBox .alizaBottom{background:#2961db;border-radius: 5px;}
.loginBoxArea .loginBox .fa-ckbox span:after{background-color: #144793;}

#appReserveDetail .writeTable tbody th{padding-left: 10px;}
#appReserveDetail .writeInputPrice{font-size: 16px !important;color:#fb0000 !important;}
#appReserveDetail .writeTable thead th{background: #f5f5f5;}

#appShopItemRegi .writeTable tbody tr{border-bottom: none !important;}
#appShopItemRegi .writeTable tbody tr td{border-top: none !important;}
#appShopItemRegi .borderStyle tr:nth-last-child(1) td{border-bottom: none !important;}

/*환경설정 > 샵몰포인트 */
.container .pointLeftTable .leftTable .lt_item{
    display: flex;
    align-items: center;
    margin-bottom:10px;
}
.container .pointLeftTable .leftTable .lt_item:nth-child(2){
    margin-bottom:0;
}
.container .pointLeftTable .leftTable .lt_item label{
    margin-right:5px;
}
.container .pointLeftTable .leftTable .lt_item input{
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #eeeeee;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 0 5px;
    height: 32px;
    line-height: 31px;
    text-align: center !important;
    width:50%;
}
.container .pointLeftTable .leftTable tr th{
    word-break: keep-all;
    width:14%;

}
.container .pointLeftTable .leftTable tr td{
    padding:20px 10px;
}
.container .pointLeftTable .leftTable p{
    margin-top: 10px;
}

.writeTable .rewardBtnWrap th{
    position:relative;
}
.writeTable .rewardBtnWrap th button{
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(-10%, -50%);
    margin: 0 !important;
    border: 1px solid #2068ce;
    padding: 0 7px;
}
.salesCostInfo .businessInfo .profit{
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: 1px solid #ddd;
}
.salesCostInfo .businessInfo dl{
    display:flex;
    justify-content: space-between;
    margin-bottom:8px;
}
.salesCostInfo .businessInfo dl dt{
    color:#888888;
    font-weight: normal;
    font-size: 15px;
}
.salesTableWrap tr td .tableState02{
    margin:0 5px;
    padding:5px 8px;
}
.salesTableWrap tr .tableState02 span{
    font-weight:500;
}
.newSalesInfo .businessInfo{
    width:100%;
    border-right:0;
}
.newSalesInfo .newSalesTitle{
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:3px solid #111;
    font-size:18px;
    align-items: center;
}
.newSalesInfo .newSalesTitle span{
    color:#888888;
    font-weight: normal;
    font-size:14px;
    margin-top:10px;
}
.newSalesInfo .newSalesTitle img{
    width: 24px;
    height: 25px;
    cursor: pointer;
}
#appSalesAdmin2 .businessInfo .title{
    text-align:left;
    font-weight: 500;
}
.hairVisualVer .pointBuyer{
    position: relative;
    z-index: 1;
}
.hairVisualVer .pointBuyer:after{
    content: '';
    display: block;
    position: absolute;
    height: 1.2vh;
    width: 100%;
    top: 8px;
    left: 0;
    z-index: -1;
    background: #ffe06c;
}
.businessInfo .title{
    margin-bottom: 12px;
    font-size: 15px;
    margin-top: 10px;
    text-align:center;
    color:#111;
}
#appSalesAdmin2 .businessInfo .title{
    text-align:left;
}
.businessInfo .priceTitle{
    font-size:18px;
    font-weight:bold;
}
.businessInfo .profit {
    text-align: center;
    line-height: 22px;
    font-weight: 700;
}
.businessInfo .profit .number{
    display: inline-block;
    font-weight:normal;
    font-size:15px;
}
.inContWrapAnalysis h3{
    margin-top:30px;
    font-weight:bold;
}
.topMenu .newHeaderResBtn{
    width:auto;
}
.topMenu .newHeaderResBtn li{
    width: 130px;
    margin-left: 10px;
}

/*.newHeaderResBtn li:nth-child(1){
    border-right: 1px solid rgb(221, 221, 221);
    background: #2961db;
    color: #fff;
    margin-left: 0;
    text-align:center;
    width:80px;
    padding:0;
}*/
/* appAllizaChatbotPop 샵관리자 챗봇 css */
#appAllizaChatbotPop .mw_ctWrap{
    padding:0;
}
#appAllizaChatbotPop .chat-container{
    width:100%;
    margin: 0 auto;
    padding: 5px 0 20px 0;
}
#appAllizaChatbotPop .chat_title{
    text-align:center;
    padding:15px 20px 20px 20px;
}
#appAllizaChatbotPop .chat_title p{
    font-size: 22px;
    font-weight: 500;
    color: #666;
    letter-spacing: -0.7px;
}
#appAllizaChatbotPop .chat_title p img{
    width:30%;
}
#appAllizaChatbotPop .chat_title .title_text01{
    margin-top: 20px;
}
#appAllizaChatbotPop .chat_title .title_text02{
    font-size: 20px;
    margin-top: 7px;
    color: #111;
    font-weight: bold;
    word-break: keep-all;
    line-height: 26px;
    box-shadow: 0px 6px 9px -10px #111;
    padding-bottom: 20px;
}
#appAllizaChatbotPop .chat_title .title_text02 strong{
    color:#593DC3;
    font-weight:bold;
}
#appAllizaChatbotPop .chat-container .input-container{
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
#appAllizaChatbotPop .chat-container .input-container div{
    position: relative;
    padding: 0 20px;
    display: flex;
    flex:1;
}
#appAllizaChatbotPop .chat-container .input-container input{
    border-radius: 30px;
    flex: 1;
    padding: 10px 50px 10px 15px;
    border: 1px solid #593DC3;
    background:#ffffff;
}
#appAllizaChatbotPop .chat-container .input-container button{
    position: absolute;
    right: 17px;
    top: 49%;
    border-radius: 50%;
    width: 35px;
    transform: translate(-20%, -50%);
    text-indent: -9999px;
    height: 35px;
    cursor: pointer;
    background: #BD9AF5 url(/aad/img/common/paperAirplane_icon_white.png) no-repeat 50% 50%;
    background-size: 60%;
    border: none;
}
#appAllizaChatbotPop .chat-box .message.user span{
    display: inline-block;
    background: #593DC3;
    padding: 8px 15px;
    border-radius: 18px 0 18px 18px;
    color: #fff;
    text-align: left;
}
#appAllizaChatbotPop .chat-box .message.user{
    margin-left: 10%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
#appAllizaChatbotPop .chat-box .message.bot{
    margin-right:10%;
    display: flex;
    align-items: flex-end;
}
#appAllizaChatbotPop .chat-box .message.bot span{
    display: inline-block;
    background: #f5f5f5;
    padding: 8px 15px;
    border-radius: 0px 18px 18px 18px;
    color: #111111;
}
#appAllizaChatbotPop .chat-box span{
    line-height:1.4rem;
    font-weight:400;
}
#appAllizaChatbotPop .chat-box {
    height: 400px;
    overflow-y: auto;
    padding: 0px 20px 10px 20px;
    background-color: #fff;
}
#appAllizaChatbotPop .chat-box::-webkit-scrollbar {
    display: none;
}
#appAllizaChatbotPop .chat-box .chat-time{
    font-size: 0.8em;
    color: #888;
    width: 75px;
    margin: 0 8px 5px 8px;
    width:100px;
}
#appAllizaChatbotPop .chat-box .message.user .chat-time{
    text-align: right;
}
#appAllizaChatbotPop .chat-box .message.bot .chat-time{
    order:2;
}
#appAllizaChatbotPop input[type=text]:hover, input[type=file]:hover, input[type=password]:hover, input[type=date]:hover, input[type=time]:hover, input[type=search]:hover, select:hover{
    border: 1px solid #593DC3 !important;
}
#appAllizaChatbotPop input[type=text]:focus{
    border: 1px solid #593DC3 !important;
}
#appAllizaChatbotPop .mw_title{
    text-align:center;
    background: #fff;
    border-bottom: 1px solid #eee;
}
#appAllizaChatbotPop .mw_title .title{
    font-weight:500 !important;
    color:#111;
}
/*제조 이벤트 팝업*/
.productChoicePop_wrap .item_box{
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow-y: auto;
}
.productChoicePop_wrap .item_wrap .title{
    font-size:18px;
    font-weight: 600;
    margin-bottom: 10px;
}
.productChoicePop_wrap .item_box p{
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 5px;
}
.none_text{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}
.productChoicePop_wrap .item_box p.selectProduct{
    background:#2961db;
    color:#fff;
}
.productChoicePop_wrap .item_box .selectStatus{
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 0;

}
.productChoicePop_wrap .item_box .selectStatus label{
    vertical-align: bottom;
}
.productChoicePop_wrap .item_box .selectStatus input{
    width:15px;
    height:15px;
}
.productChoicePop_wrap .item_box .selectStatus span{
    color:#666;
}
.productChoicePop_wrap .item_box .selectStatus:nth-last-child(1){
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom:none;
}

.tableScroll {
    overflow-y: scroll;
    max-height: 650px;
}