@charset "UTF-8";
/*@import URL("common.css");
@import URL("styleB.css?200717");
@import URL("styleC.css?200717");*/
/* 190517 메인컬러 교체 #4e54c8 -> #3f51b5 (2차 교체) -> #2961db */

/**
* CSS 목차
* 1 - CSS RESET - common.css
* 2 - 레이아웃
* 3 - 애니메이션 및 이펙트
* 4 - 폰트어썸 활용 오브젝트
* 5 - 미디어 쿼리
* --------------------------------------------------------------------------
*/

.sample{font-size:12px;font-weight:bold;position:absolute;top:-20px;left:250px;z-index:99;}
/* ==========================================================================
   2. 레이아웃
   ========================================================================== */
/* 201209 사이트맵 분리 적용 */
.topGnbMenu{width:50%;height:55px;position:absolute;top:0;left:260px;display: none;}
.topGnbMenu:after{display:block;clear:both;content:'';}
.topGnbMenu a{width:94px;height:55px;text-align:center;display:block;float:left;opacity:0.5;padding-top:10px;border-left:1px solid rgba(255, 255, 255, 0.3);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.topGnbMenu a p{margin-top:5px;font-size:10px;font-weight:500px;color:#fff;}
.topGnbMenu a.on{opacity:1 !important;background:#ff757b !important;border-left:1px solid #ff757b;border-right:1px solid #ff757b}
.topGnbMenu a:hover{opacity:0.8;transition:All 0.1s ease;-webkit-transition:All 0.1s ease;-moz-transition:All 0.1s ease;-o-transition:All 0.1s ease;}
.topGnbMenu a:last-child{border-right:1px solid rgba(255, 255, 255, 0.3)}
.topGnbMenu a:last-child p{letter-spacing:-0.03em;}
/* //201209 사이트맵 분리 적용 */
a, .ease{ transition:none; -webkit-transition:none; -moz-transition:none;-o-transition:none;}
textarea:focus { outline: none;}
button:focus { outline: none;}
input:focus {outline: none;}
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{background: #fff !important;color: #000 !important;border: 1px solid #3a7afe !important;}
input[type=text]:focus, input[type=file]:focus, input[type=password]:focus, input[type=date]:focus, input[type=time]:hover, input[type=search]:focus, select:focus{background: #fff !important;color: #000 !important;border: 1px solid #3a7afe !important;box-shadow:none}


.noListText{background:#f5f5f5;padding:20vh 0;text-align:center;font-size:0.8rem}
.positive{color:#0aaba7 !important;}
.negative{color:#2961db !important;}
.complete{color:#22a384 !important;}
.ordinary{color:#8181f7 !important;}
.ready{color:#faa755 !important;}
.rotate180{transform:rotate(-180deg);}

.storeBg{padding:6px 8px;display:inline-block;background:#2961db;color:#fff;border-radius: 5px;}
.brandBg{padding:6px 8px;display:inline-block;background:#ff757b;color:#fff;border-radius: 5px;}
.blockBg{position:relative;}
.blockBg:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.05);z-index:10;}

.badge{padding:2px 6px;font-size:10px;font-weight:500;color:#fff;letter-spacing:-0.05em;border-radius:1000px;margin-left:5px;}
.badge.event{background:#66f;}

.btnIco{display:inline-block;background:#fff;padding:2px 4px;text-align:center;font-size:20px;font-weight:normal;border-radius:1000px;vertical-align:middle;box-shadow:0 3px 5px -2px rgba(0, 0, 0, 0.3)}
.storeSet{color:#3f698a !important;line-height:20px !important;font-size:15px !important;margin-left:6px;padding:1px 4px !important;}

.dateIco{vertical-align: middle;position: relative;display: inline-block;height: 43px;line-height:1.1 !important;cursor:pointer;}
.dateIco input[type=text]{width:120px;vertical-align: middle;cursor:pointer;z-index:10;margin-right: 0;}
.dateIco:after{display: block !important;position: absolute;top: 11px;right: 14px;content:  '\f073'; font-family: 'Font Awesome 5 Free';color: #ccc !important;font-size: 20px;font-weight: normal;z-index:10;}
.timeIco{vertical-align: middle;position: relative;display: inline-block;height: 30px;line-height:1.1 !important;}
.timeIco:after{display: block !important;position: absolute;top: 3px;right: 5px;content:  '\f017'; font-family: 'Font Awesome 5 Free';color: #ccc !important;font-size: 20px;font-weight: normal;}
.fileIco{border:1px solid #3b47ed;border-radius:5px;padding:0 6px;font-size:16px;color:#3b47ed !important}

.upperTxt{font-size:16px !important;color:#3a7afe;font-weight:600;}
.ssmTxt{font-size:12px !important;letter-spacing:-0.05em;}
.smTxt{font-size:13px !important;letter-spacing:-0.05em;}
.mdTxt{font-size:15px !important;letter-spacing:-0.05em;}
.lgTxt{font-size:16px !important;letter-spacing:-0.05em;word-break: keep-all;line-height: 1.3rem;}
.priceNum{font-size:17px !important;font-weight:bold !important;}

.guideLine{font-size:10px;color:#999;padding:0 5px;}
.inp_type01{padding:5px;height:14px;border:1px solid #999;}
.sel_type01{height:26px;border:1px solid #999;}

.btnWrap{margin:0 auto 10px;text-align:right;padding:0 10px;}
.btn, .ctrTabLock a{position:relative;overflow:hidden;vertical-align:middle;}
/* .btn:hover, .ctrTabLock a:hover{transform:translateY(-2px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;box-shadow: 0 10px 10px -5px rgba(0, 0, 0,0.3); }
.btn:after, .ctrTabLock a:after{content: '';position: absolute;background:rgba(255,255,255,0.1);width: 0;height: 100%;left: 0;top: 0;transition: width 0.3s ease;z-index:-1;border-radius:8px;}
.btn:hover:after, .ctrTabLock a:hover:after{width: 100%;} */
.btnstyle_orange, .btnStyle1, .btnStyle2, .btnStyle3, .btnStyle4, .btnStyle5, .btnStyleTaxType, .btnStyle02Upper, .btnstyle_big, .btnstyle_big2, .btnDel, .btnStyleMin01, .btnStyleMin02, .btnStyleMin03, .btnStyleMin04, .btnStyleMin05, .btnStyle06, .btnStyle01, .btnStyle02, .btnStyle03, .btnStyle04, .btnStyle05, btnStyle08 .btnSearch, .btnStyleMins01, .btnStyleMins02, .btnStyleMins03, .btnStyleMins04, .btnStyleMins05{transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.btnstyle_orange:hover, .btnStyle1:hover, .btnStyle2:hover, .btnStyle3:hover, .btnStyle4:hover, .btnStyle5:hover, .btnstyle_big:hover, .btnstyle_big2:hover, .btnDel:hover, .btnStyleMin01:hover, .btnStyleMin02:hover, .btnStyleMin03:hover, .btnStyleMin04:hover, .btnStyleMin05:hover, .btnStyle06:hover, .btnStyle01:hover, .btnStyle02:hover, .btnStyle03:hover, .btnStyle04:hover, .btnStyle05:hover, .btnStyle06:hover, .btnSearch:hover, .btnStyleMins01:hover, .btnStyleMins02:hover, .btnStyleMins03:hover, .btnStyleMins04:hover, .btnStyleMins05:hover{background:#2961db !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #4e54d3;text-decoration:none !important;}
.btnStyleTaxType:hover, .btnStyle02Upper:hover{background:#4e54d3 !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:2px solid #4e54d3;text-decoration:none !important;}
.btnStyleMin03:hover i{color:#fff !important}
.btnStyle08:hover {background:#2961db !important;color:#fff !important;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;border:1px solid #2961db;text-decoration:none !important;}

/* 528fea    598284 */
.btnStyle01{display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}
.btnStyle3 {display:inline-block;height:29px;line-height:29px;background:#444c63;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}

/*
.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#2961db;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}
.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
*/

.btnStyle02{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#6666ff !important;border:1px solid #6666ff;border-radius:4px;vertical-align:middle;}
.btnStyle5 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnStyle04{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnStyle08{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnStyle02Upper{display:inline-block;height:29px;line-height:28px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#2961db !important;border:2px solid #2961db;border-radius:4px;vertical-align:middle;}

.btnStyle03{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle7 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnstyle1 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle4 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyle6 {display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}

.btnstyle_orange {display:inline-block;height:29px;line-height:29px;background:#2961db;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #789ceb;border-radius:4px;vertical-align:middle;}

.btnStyle05{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyle06{display:inline-block;height:29px;line-height:29px;background:#ff7e7e;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#fff !important;border:1px solid #ff7e7e;border-radius:4px;vertical-align:middle;}


.btnSearch{display:inline-block;height:29px;line-height:29px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnSearch i{padding-top:7px;font-size:14px;}
.btnStyleMin01{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin02{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnStyleMin03{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMin04{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#366ec3 !important;border:1px solid #366ec3;border-radius:4px;vertical-align:middle;}
.btnStyleMin05{display:inline-block;height:22px;line-height:22px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnPgMCtr{position:absolute;bottom:10px;right:8px;}
.btnStyleTaxType{display:inline-block;height:51px;line-height:50px;background:#fff;padding:0 10px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#2961db !important;border:2px solid #2961db;border-radius:4px;vertical-align:middle;}

.btnStyleMins01{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#999 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins02{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins03{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#333 !important;border:1px solid #aaa;border-radius:4px;vertical-align:middle;}
.btnStyleMins04{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#7191d5 !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}
.btnStyleMins05{display:inline-block;height:25px;line-height:25px;background:#fff;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#ff8585 !important;border:1px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnStyleMins06{display:inline-block;height:25px;line-height:25px;background:#7191d5;padding:0 3px;text-align:center;font-size:11px !important;font-weight:normal;color:#fff !important;border:1px solid #7191d5;border-radius:4px;vertical-align:middle;}

/* 130603_버튼 스타일추가 */
.btnstyle_big {display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnstyle_big:hover {text-decoration:none;}
.btnstyle_big img{vertical-align:middle;}

.btnstyle_big2{display:inline-block;height:31px;line-height:31px;background:#fff;padding:0 30px;text-align:center;font-size:0.8rem !important;font-weight:normal;color:#2961db !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnstyle_big2:hover {text-decoration:none;}
.btnstyle_big2 img{vertical-align:middle;}

.btnPlus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#4d79f6 !important;border:2px solid #4d79f6;border-radius:4px;vertical-align:middle;}
.btnMinus{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0px;text-align:center;font-size:20px !important;font-weight:normal;color:#ff7e7e !important;border:2px solid #ff7e7e;border-radius:4px;vertical-align:middle;}
.btnDel{display:inline-block;width:23px;height:23px;line-height:19px;background:#fff;padding:0 5px;text-align:center;font-size:15px !important;font-weight:normal;color:#ff8585 !important;border:2px solid #ff8585;border-radius:4px;vertical-align:middle;}
.btnDelIco{display:inline-block;font-size:15px;color:#de705f !important;vertical-align:middle;transition:All 0.3s ease;}
.btnDelIco:hover{transform:rotate(90deg);}
.disabled{background:#ddd !important;color:#888 !important;}

input.date{width:80px;color:#666;font-size:0.8rem;vertical-align:middle;text-align: left;padding-left: 10px;}
input.expenddate{width:80px;color:#666;font-size:0.8rem;vertical-align:middle;text-align:center;}
input.crdrIp{width:130px !important;background:#fff url('/aba/img/bul/bul_carendar.png') no-repeat 95% 50%;text-align:left !important;}
input.srchIp{background:#fff url('/aba/img/bul/bul_glass.png') no-repeat 95% 50%;text-align:left !important;}
.btnStyleBig01{display:inline-block;height:30px;line-height:30px;background:#444c63;padding:0 20px;text-align:center;font-size:0.9rem;font-weight:bold;color:#fff !important;border:1px solid #444c63;border-radius:4px;vertical-align:middle;}
.bgWt{background:#fff !important;}


.pointNum{display:inline-block;width:54px;height:54px;background:#5063be;border-radius:10px;text-align:center;font-size:10px;line-height:18px;color:#fff;padding-top:6px;padding-left:3px;position:relative;top:10px;margin-right:10px;box-sizing:border-box;}
.pointNum strong{font-weight:bold;font-size:30px;}
.gotoTop{display:block;width:36px;height:36px;text-align:center;padding-top:6px;background:#5063be;color:#fff !important;position:fixed;bottom:20px;right:20px;z-index:999;}

.btnStyleBlock{display:inline-block;margin:0 auto;color:#fff !important;border:0;background:#5471ff;padding:13px 80px;font-size:15px;text-align:center;border-radius:1000px;}
.btnStyleBlock:hover{text-decoration:none;}


/* 190416 로그인css 병합 */
.logBox{padding:20px 20px;width:100%;background:#fff;position:relative}

/*  
.logBox:after{content:'';display:block;width:100%;height:6px;background: -webkit-linear-gradient(left,  rgb(89,108,211) 0%, rgb(6,183,221) 50% , rgb(89,108,211) 100%);position:absolute;top:0;left:0;right:0;} 
*/  
.logBox .logLogo{padding:85px 0 50px;text-align:left;font-size: 28px; font-weight: 800;line-height: 35px;}  
.logBox .logLogo p{font-size:0.9rem;color:#888;padding:12px 0 0;}   
.logBox .logInput{width:100%;border:1px solid #dbdbdb;color:#2961db;margin:5px auto;padding:10px 18px;font-size:18px !important;height:45px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);outline:0;}
.logBox .logInput:focus{border:1px solid #2961db;color:#2961db;font-weight:bold;box-shadow:3px 5px 10px 0px rgba(0, 0, 0, 0.2);text-align:center;}
.logBox .logInput::-webkit-input-placeholder {font-size: 12px;text-align:left;}
.logBtn {width:100%;margin:15px auto 5px;display:block;height:48px;line-height:48px;text-decoration:none;color:#fff !important; font-size:1.0rem !important; font-weight:bold;border:0px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);}
.norBtn {width:100%;margin:5px auto;display:block;background:#2961db; height:48px;line-height:48px;text-decoration:none;color:#333 !important; font-size:1.0rem !important; font-weight:bold;border:0px;border-radius:50px;box-shadow:0 1px 3px 0 rgba(0, 0, 0, .06);}

.logBtnsDiv{overflow:hidden;}
.logBtnsDiv .logBtns{text-align:center;display:inline-block;width:49.5%;height:45px;float:left;line-height:40px;text-decoration:none;margin-top:3px;background:#fff;color:#000 !important; font-size:12px !important; vertical-align:middle;font-weight:bold;border:1px solid #ddd;}
.logBtnsDiv .logBtns:nth-child(2n+2){margin-left:1%;margin-right:0;}
.logBtnsDiv .logBtns:hover{color:#2961db !important;}
.logBtnsDiv .logBtns img{vertical-align:middle;margin-top:-2px;}
.logAside{text-align:center;overflow:hidden;margin-top:25px;line-height:26px;font-size:0.7rem;}


/* 레이아웃 시작 */
html{background:#ffffff;} /* 기존 #f9f9fa */
.wrap{width:100%;margin:0 auto;min-width:1080px;min-height:100vh;background: #fff;}
.header{width:100%;text-align:center;position:fixed;overflow:hidden;z-index:800;top:0;}
.headerWrap{height:65px;border-bottom: 1px solid #e1e1e1;position:fixed;background:linear-gradient(128deg, #4d79f6 0%, #4d79f6 60%, #775be6 90%, #765be6 100%);top:0;left:0;right:0;z-index:1001;box-shadow: 0px 7px 10px -5px rgba(0, 0, 0, 0.3);background: #eeeeee;box-shadow: none;}
/*.headerWrap{height:55px;position:fixed;background:#fff;top:0;left:0;right:0;z-index:998;border-bottom: 0.5px solid #c5c5c5;}*/
.innerheaderWrap{max-width:1920px;height:65px;min-width:1400px;position:relative;}
.brandMainHeader{background: #2961db;}
.innerheaderWrap:after{display:block;content:'';clear:both;}
.headerWrap .logoDiv{height:65px;line-height:65px;float:left;position: absolute;top: -1px;}
.headerWrap .logoDiv a{width: 190px;border: 0;height: 100%;position: relative;margin:0;border-radius: 0;background: #2961db;box-shadow: none;}
.headerWrap .logoDiv a img{width:70%;position: absolute;top:50%;left: 45%;transform:translate(-50%,-50%);}
.headerWrap .logoDiv .headerLogo{line-height: 65px;display: inline-block;}
.headerWrap .logoDiv .headerLogo img{vertical-align: middle;}
.headerWrap .logoDiv .storeSelect{border-radius:5px;padding-left:10px;background:#fff;color:#000;width:200px;vertical-align:middle;border: 1px solid transparent;font-size:15px;font-weight:400;letter-spacing:-0.3px;margin-left:30px;}
.headerWrap .brandLogoArea{left:21px;}
.headerWrap .topBrandName{border-radius:4px;background:#fff;height:34px;line-height:34px;display:inline-block;width:220px;padding-left:5px;color:#000;font-size:17px;font-weight:450;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;word-break:break-all;}
.headerWrap .topMenu{height:65px;float:right;padding-top:13px;padding-right: 27px;}
.headerWrap .topMenu .topMenuDiv{padding-right: 8px;display: inline-block;}
.headerWrap .topMenu .topMenuDiv span{margin-left:10px;vertical-align:middle;height:30px; width:30px; background:#fff;display:inline-block; border-radius:50px;}
.headerWrap .topMenu .topMenuDiv span img{width:30px;height:30px;border-radius:1000px;}
.headerWrap .topMenu .topMenuDiv a{color:#fff;vertical-align:middle;}
.headerWrap .topMenu .topBell{vertical-align:middle;background:url('/admin/img/bell.png') no-repeat 0 0;width:28px; height:30px; display: inline-block;position:relative;}
.headerWrap .topMenu .topBell:after{border-radius:1000px;width:10px;height:10px;background:#ffc000;position:absolute;top:3px;right:0;content:'';display:block;}
.contentsWrap{margin-top:75px;background:#f2f5f7;}
.headerResBtn{display:flex;justify-content: space-between;height: 38px;font-size: 11px;border-radius: 6px;color: #2068ce; font-weight: 400;width: 230px;line-height: 38px;float:left;}
.headerResBtn li{font-size:14px;width:48.5%;border-radius:30px;background:#ffffff;float:left;cursor: pointer;text-align:left;padding:0 5px 0 10px;box-sizing:border-box;color: #111111;}
.headerResBtn li:after{display:block;content:'';clear:both;}
.headerResBtn li span{float:right;}
.headerNotiCoun {
    color: #fff;
    background: #2961db;
    border-radius: 50%;
    margin-top: 7px;
    margin-right: 6px;
    font-size: 10px;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
}

.globalFooter{background:#292a2b;color:#6e747a;padding:20px 15px;text-align:center;display:none;}   /* 200514 송민재이사 요청으로 푸터 감춤처리 */
.globalFooter .copy{margin:10px auto;line-height:1.5;}
.globalFooter .copy a{color:#6e747a;}
.globalFooter .customer{line-height:1.5;font-size:0.7rem;}
.globalFooter .customer .telNum{font-size:1.3rem;padding:0 0 10px;font-weight:bold;color:rgba(255, 255, 255, 0.6);}
.globalFooter .companyInfo{padding:10px 0;line-height:1.5;font-size:0.7rem;}

.container{padding:0;margin:25px 0 0;position:relative;top:55px;padding-bottom:50px;background: #ffffff;}
.contents{height:calc(100% - 100px);}

.innerWrap{margin: 30px 30px 30px 220px;max-width: 100%; min-width: 1080px;}
.innerWrapType02{margin: 30px 30px 30px 220px;min-width:1300px}
.innerWrapType03{margin: 30px 30px 30px 220px;min-width:1300px;max-width:1400px;}
.innerWrapType04{margin: 30px 30px 30px 220px;min-width:1300px;max-width:1580px;}


.globalTab{clear:both;height:35px;background:#fff;margin-bottom:5px;}
.globalTab a{display:block;float:left;height:35px;text-align:center;padding-top:10px;font-size:0.9rem;color:#aaa;font-weight:normal;}
.globalTab a.on{border-bottom:2px solid #2961db;color:#2961db;font-weight:bold;}

.subTabNew{clear:both;height:35px;margin-bottom:5px;}
.subTabNew a{display:inline-block;text-align:center;min-width:120px;padding:10px 20px;font-size:13px;color:#999;font-weight:normal;background:#fff;border-radius:1000px;margin-right:5px;}
.subTabNew a:last-child{margin-right:0;}
.subTabNew a.on{background:#6b80f6;color:#fff;font-weight:bold;}

.tabbtn {clear:both;height:42px;background:#fff;}
.tabbtn ul{height:42px;}
.tabbtn ul:after{display:block;clear:both;content:'';}
.tabbtn li{display:block;float:left;height:42px;text-align:center;padding-top:13px;font-size:0.8rem;color:#aaa;}
.tabbtn li a  {color:#aaa; display:block;letter-spacing:-0.05em;}
.tabbtn li.on {color:#2961db;border-bottom:2px solid #2961db;}
.tabbtn li.on a  {color:#2961db;font-weight:bold;}

.subTabbtn  {height:39px; _zoom:1;margin:15px 10px 15px;clear:both;}
.subTabbtn ul{height:38px;overflow:hidden;}
.subTabbtn li{float:left; height:34px;background:#fff;text-align:center;border:1px solid #dedede;box-sizing:border-box;border-collapse:collapse;}
.subTabbtn li:first-child{margin-left:0 !important;border-radius:100px 0 0 100px;}
.subTabbtn li:last-child{margin-right:0 !important;border-radius:0 100px 100px 0;}
.subTabbtn li:hover{background:#eee;}
.subTabbtn li span  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li a  {color:#555; font-size:0.9rem; font-weight:normal;letter-spacing:-1px;display:block;height:34px;padding:10px 15px 0px;text-decoration:none;}
.subTabbtn li.on {border:1px solid #2961db;background:#fff;}
.subTabbtn li.on:hover{background:#fff}
.subTabbtn li.on span  {color:#2961db; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}
.subTabbtn li.on a  {color:#2961db; font-size:0.9rem; font-weight:normal;height:38px;padding:10px 15px 0px;}

.tabbtnTop {clear:both;height:35px;background:#fff;}
.tabbtnTop ul{height:35px;overflow:hidden;}
.tabbtnTop li{display:block;float:left;height:35px;text-align:center;padding-top:10px;font-size:0.9rem;color:#aaa;font-weight:bold;}
.tabbtnTop li a  {color:#aaa; }
.tabbtnTop li.on {border-top:1px solid #2961db;color:#2961db}
.tabbtnTop li.on a  {color:#2961db;}

.popTabMenu02{position: sticky;top: 55px;background: #f9f9fa;z-index: 999; margin-bottom: 20px;}
.popTabMenu02:after{content: ''; display: block; clear: both;}
.popTabMenu02 li{cursor: pointer;float: left; height: 55px; line-height: 55px;padding: 0px 13px;color: #b9b9b9 !important;font-weight: 500;}
.popTabMenu02 li.on{border-bottom: 3px solid #4682fe;color: #000;}
.popTabMenu02 li a{}

.popTabMenu03{margin-bottom: 20px;}
.popTabMenu03:after{content: ''; display: block; clear: both;}
.popTabMenu03 li{cursor: pointer; min-width:160px;text-align:center;float: left; height: 35px; line-height: 35px; margin-right: 6px;margin-bottom: 17px; padding: 0px;color: #555;font-weight: 300;background:#efefef;border-radius:1000px;font-size:13px;}
.popTabMenu03 li:hover{background: #d2d2d2; border-radius: 100px; margin-bottom: 17px;color: #3a3a3a;}
.popTabMenu03 li.on{background: #3a7afe; border-radius: 100px; margin-bottom: 17px;color: #fff;font-weight: 500;}

.popTabMenu04{position: sticky;top: 55px;background: #f9f9fa;z-index: 999; margin-bottom: 20px;}
.popTabMenu04:after{content: ''; display: block; clear: both;}
.popTabMenu04 li{cursor: pointer;float: left;width:33.3%; height: 44px;font-size:13px; color: #b9b9b9;font-weight: 500;text-align:center;background:#fff;border:1px solid #eaeaea;border-left:0 !important;}
.popTabMenu04 li:first-child{border-left:1px solid #eaeaea !important;}
.popTabMenu04 li.on{color: #fff;background:#6b80f6;}
.popTabMenu04 li.on a{color: #fff;}
.popTabMenu04 li a{display:block;height: 44px;font-size:13px; line-height: 44px;}

.fixTabMenu{position:fixed;top:80px;left:1310px;width:150px;box-shadow:0 10px 10px -5px rgba(0, 0, 0, 0.1)}
.fixTabMenu:after{content: ''; display: block; clear: both;}
.fixTabMenu li{cursor: pointer;height: 44px;font-size:12px; color: #b9b9b9;font-weight: 500;text-align:left;background:#fff;border:1px solid #eaeaea;padding-left:20px;letter-spacing:-0.05em;margin-top:-1px}
.fixTabMenu li.on{color: #fff;background:#6b80f6;position:relative;}
.fixTabMenu li.on:before{display:block !important;position:absolute;top:50%;left:8px;transform:translateY(-50%);content: '\f104' !important; font-family: 'FontAwesome';color:#fff !important;font-size:15px !important;}
.fixTabMenu li.on a{color: #fff;}
.fixTabMenu li a{display:block;height: 44px;font-size:13px; line-height: 44px;}

.tabTiles {clear:both;background:#fff;}
.tabTiles ul{overflow:hidden;}
.tabTiles li{display:block;float:left;height:50px;text-align:center;padding-top:10px;font-size:0.8rem;color:#aaa;font-weight:normal;line-height:1.5;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.tabTiles li:first-child{height:40px;}
.tabTiles li:nth-child(3n+1){border-right:0 !important}
.tabTiles li a  {color:#aaa;display:block;}
.tabTiles li a strong{font-weight:bold;}
.tabTiles li.on {background:#2961db;color:#fff;}
.tabTiles li.on a  {color:#fff;}

.tabFaq {clear:both;background:#fff;border-top:1px solid #dedede !important}
.tabFaq ul{overflow:hidden;}
.tabFaq li{display:block;float:left;height:40px;text-align:center;padding-top:10px;font-size:0.8rem;color:#aaa;font-weight:normal;line-height:1.5;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.tabFaq li:nth-child(3n+3){border-right:0 !important}
.tabFaq li a  {color:#aaa;display:block;}
.tabFaq li a strong{font-weight:bold;}
.tabFaq li.on {background:#2961db;color:#fff;}
.tabFaq li.on a  {color:#fff;}

.faqListWrap{padding:0px }
.faqListWrap .faqList{text-align:left;border:0 !important;padding: 0 !important;margin:0 !important}
.faqListWrap .faqList:first-child{border-top:0;}
.faqListWrap .faqList dt.faqQuest{font-size:0.8rem;color:#000;cursor:pointer;padding:25px 25px 25px 10px !important;background:#fff;border-bottom:1px solid #eee;position:relative;font-weight:bold;}
.faqListWrap .faqList dt.faqQuest:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f067' !important; font-family: 'FontAwesome';color:#999 !important;font-size:0.8rem !important;}
.faqListWrap .faqList dt.subOpen:after{display:block !important;position:absolute;top:29px;right:10px;content: '\f068' !important; font-family: 'FontAwesome';color:#999 !important;}
.faqListWrap .faqList dt.faqQuest span{font-weight:bold;color:#004a30}
.faqListWrap .faqList dd.faqAnswer{display:none;width:100%;border-bottom:1px solid #eee;font-size:0.8rem;line-height:1.7;background:#f9f9f9;color:#000;}
.faqListWrap .faqList dd.faqAnswer .innWrap{padding:20px 15px 20px 15px;}
.ui-accordion-header-icon{display:none;}

.col-1{width:100% !important;}
.col-2{width:50% !important;}
.col-3{width:33.3% !important;}
.col-4{width:25% !important;}
.col-5{width:20% !important;}

.searchWrap{padding:20px;border-radius:8px;background:#fff;position:relative;font-size:15px;box-shadow: 0px 2px 13px -7px #818181;margin-bottom: 35px;}
.searchSel{width:110px;}
.searchWrap .searchForm{width:90%;}
.searchWrap .searchForm select{min-width:100px;max-width:150px;}
.searchWrap .setSearch{width:200px;margin:0 auto !important;padding:0;text-align:right;position:absolute;right:25px;top:50%;transform : translateY(-50%);}
.searchWrap .setSearch .adminBasicBbBtn{border:none;display:inline-block;width:80% !important;margin:0 !important;text-align:center !important;background:#2961db;color:#ffffff !important;}
.searchWrap .setSearch02{width:9%;padding:0;vertical-align: bottom;display: inline-block;}
.searchWrap .setSearch02 .adminBasicBbBtn{display:inline-block;width:100% !important;margin:0 !important;text-align:center !important}
.searchWrap .searchForm .btnStyle03{padding:0 10px;text-align:left;}
.searchWrap .searchForm .btnStyle01{padding:0 10px;}
.searchWrap .fa-rdiobox{position:relative;top:-3px;}
.searchTerm{width: auto;display: inline-block;border: 1px solid #dedede; height: 43px;line-height: 43px;vertical-align: bottom; border-radius: 5px;margin-right: 5px;}
.searchTerm:after{display:block;content:'';clear:both;}
.searchTerm li{float: left; width: 80px;text-align: center;border-right: 1px solid #dedede;cursor:pointer;line-height: 43px;}
.searchTerm li:last-child{border-right:none}

.mwin_layer {position: absolute;_position: absolute;top: 0;left: 0;z-index: 9999999;width: 100%;height: 100%}
.mwin_layer .bg_new{position:fixed;_position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;opacity: .5;filter:alpha(opacity=50)}
.mw_defalut{/*position:absolute;top:50% !important;;left:50% !important;*//*transform: translate(-50%, -50%);*/z-index:999999;-moz-box-shadow: 0px 10px 21px #000;-webkit-box-shadow: 0px 10px 21px #000;box-shadow: 0px 10px 21px #000;}
.mw_defalut .mw_title{height:48px;text-align:left;overflow:hidden;position:relative;background:#eef2fe;} /* url('/aba/img/comm/bg_header.png') repeat-x 0 0 */
.mw_defalut .mw_title .title{font-size:16px;color:#0a4ebc;font-weight:normal !important;line-height:48px;padding-left:15px;font-weight:bold}
.mw_defalut .mw_title .close_layer{width:19px;height:19px;display:block;position:absolute;top:15px;right:10px; opacity: 0.4;}
.mw_defalut .mw_title .close_layer img{width:100%}
.mw_defalut .emphasis{padding:15px;text-align: center;border-bottom: 1px solid #eeeeee;color:#ec0e0e;font-weight: 300;}
.mw_defalut .mw_ctWrap{padding:15px 20px 20px;background:#fff;}
.mw_defalut .mw_ctWrap .pagenate{margin-bottom:0 !important;}
.mw_defalut .mw_ctWrap .mw_contents{padding:0 !important}
.mw_defalut .mw_contents{padding:20px 20px 15px 20px;background:#fff;}
.btn_area{text-align:center;}
.globalBody{padding-bottom:55px;}
.linkTxt{color:#2961db !important}
.linkTxt:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}

.numBlue, .positive{color:#2961db;}
.numRed, .negative{color:#f86c6c;}
.neither{color:#857bff;}   /* #01bd75 */
.ordinary{color:#01bd8b}
.number{font-weight:normal !important;}
.mCSB_container{top:0 !important;}
.monthSelect{width:100%;left:0;position:absolute;top:40px;padding:10px;background:#fff;border:1px solid #dedede;border-radius:8px;z-index:999;overflow:hidden;display:none;}
.monthSelect span{width:14.6%;margin:1%; float:left; display:block;padding:8px 0px;text-align:center;background:#fafafa;}
.monthSelect span:hover{background:#fff;color:#f20 !important;}
.monthSelect span:nth-child(7n+1){clear:both;}
.monthSelect .yearSelect{padding:3px 0;text-align:center;}

.artNum{padding:2px 5px;text-align:center;background:#f20;color:#fff;border-radius:1000px;position:relative;left:5px;font-size:0.8rem;font-weight:bold;text-decoration:none;}
.listNew{padding:2px 4px 2px 4px !important;text-align:center;background:#f20;color:#fff !important;border-radius:1000px;position:relative;left:5px;font-size:0.6rem !important;font-weight:bold;text-decoration:none;}

.graphDiv{width:75%;height:20px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;}
.graphOn{height:20px;background-color:#2961db;}
.graphNum{display:inline-block;width:13%;vertical-align:middle;padding-left:5px;font-size:10px;text-align:right;}

/* 180806 그래프 형식 추가 */
.graphDivTypeNum{width:80%;height:12px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;border-radius:1000px;}
.graphDivTypeNum .graphOn{height:12px;background-color:#2961db;position:relative;border-radius:1000px;}
.graphDivTypeNum .graphOn .graphNum{padding-left:5px;font-size:10px;position:absolute;top:5px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6}

/* 이미지체크박스 */
.imgChkBox{display:inline-block;position:relative;height:26px;}
.imgChkBox .imgChkBoxInput{position:absolute;top:0px;left:0px;width:22px;height:26px;visibility:hidden;}
.imgChkBox .imgChkBoxLabel{display:inline-block;cursor:pointer;height:26px;line-height:26px;padding-left:25px;font-size:0.8rem;background:url('/aba/img/comm/bg_checkbox_off.png') no-repeat 0 3px;}
.imgChkBox .lbOn{background:url('/aba/img/comm/bg_checkbox_on.png') no-repeat 0 3px;}

/* 뷰타입 체크박스 */
.imgChkView{display:inline-block;position:relative;height:29px;background:none;padding:0 8px 0px 5px;border:1px solid transparent;border-radius:4px;vertical-align:middle;}
.imgChkView:hover{border:1px solid #87a8ff;background:#fff;}
.imgChkView .imgChkBoxInput{position:absolute;top:0px;left:0px;width:20px;height:29px;visibility:hidden;}
.imgChkView .imgChkBoxTypeView{display:block;cursor:pointer;height:29px;line-height:29px;padding-left:19px;font-size:12px;font-weight:normal;color:#555;background:url('/aba/img/btn/btn_viewtoggleOff.png') no-repeat 0px 7px;}
.imgChkView .viewOn{background:url('/aba/img/btn/btn_viewtoggleOn.png') no-repeat 0px 7px;}
.imgChkView.disabled{border:1px solid #eee !important;background:#f5f5f5 !important;color:#999 !important;cursor:not-allowed !important;}

.alertObj{display:block;padding:10px 0;text-align:center;font-size:0.8rem;color:#fff;}
.alertObj.positive{background:#4fc3f7;}
.alertObj.negative{background:#ff8a65;}
.alertObj.neither{background:#857bff;}
.alertObj.ordinary{background:#01bd8b}

.dayBlock{overflow:hidden;padding:0px 12px 0px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;background:#f2f2ff;}
.dayBlock .date{width:25%;float:left;font-weight:bold;}
.dayBlock .summ{width:75%;float:left;text-align:right;font-weight:bold;}
.dayBlock .summ .negative{margin-left:5px;}

.w30p{width:30% !important;}

.weekBlock{overflow:hidden;padding:10px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;background:#f2f2ff;}
.weekBlock .date{width:20%;float:left;}
.weekBlock .summ{width:80%;float:left;text-align:right;}

.budgetBlock{overflow:hidden;padding:15px 5px;border-bottom:1px solid #dedede;font-size:0.8rem;}
.budgetBlock .date{width:50%;float:left;text-align:right;padding-right:10px;}
.budgetBlock .summ{width:50%;float:left;text-align:left;padding-left:10px;}

.titleBlock{overflow:hidden;padding:15px 5px;border-bottom:1px solid #eaeaea;font-size:0.9rem;background:#f5f5f5;font-weight:bold;}
.menuBlock{padding:15px 20px;border-bottom:1px solid #eaeaea;background:#fff;position:relative;cursor:pointer;}
.menuBlock:after{display:block; position:absolute;top: 50%; right: 15px; margin-top:-9px;width: 18px; height: 18px; content: '\f105'; font-family: 'FontAwesome'; font-size: 0.8rem; text-align: center; color: #666;line-height: 17px;}

.noticeBlock{padding:25px 15px;border-bottom:1px solid #eaeaea;background:#fff;position:relative;cursor:pointer;}
.noticeBlock:after{display:block; position:absolute;top: 50%; right: 15px; margin-top:-9px;width: 18px; height: 18px; content: '\f105'; font-family: 'FontAwesome'; font-size: 0.8rem; text-align: center; color: #666;line-height: 17px;}
.noticeBlock span{font-size:0.8rem;padding-right:3px;color:#2961db}

.infoTxt{padding:15px;text-align:left;line-height:1.5;font-size:0.8rem;color:#777;}

.introBLock{padding:20px 15px;background:#fff;min-height:calc(100vh - 100px)}
.introBLock .title{font-size:0.9rem;font-weight:bold;text-align:left;padding:10px 0 20px 0;}
.introBLock .introTxt{position:relative;font-size:0.9rem;line-height:1.5;padding:5px 10px;}
.introBLock .introTxt:before{position:absolute;top:5px;left:2px;display:block;content:'· ';}

.notifiList{border-top:1px solid #dedede;}
.notifiList li{position:relative;padding:20px 10px;border-bottom:.5px solid #eee;}
.notifiList li p{font-size:0.9rem;text-align:justify;line-height:1.3;margin:5px auto 10px;padding:0 25px 0 0;}
.notifiList li .date{font-size:0.7rem;color:#888;text-align:left;}
.notifiList li .del{display:block;width:30px;height:30px;text-align:right;position:absolute;top:25px;right:10px;color:rgba(248, 69, 94, 0.7);font-size:1.0rem;}
.notifiList li .cate{font-size:0.7rem;padding:3px 5px;display:inline-block;text-align:center;min-width:50px;border-radius:4px;}
.notifiList li .cate.typeA{background:#7986cb;color:#fff}
.notifiList li .cate.typeB{background:#81c784;color:#fff}
.notifiList li .cate.typeC{background:#e57373;color:#fff}

.calendarWrap{background:#fff;}
.cldrSummWrap{overflow:hidden;padding:8px 8px 8px 10px;border-radius:8px;margin-bottom:10px;}

.graphWrap{margin:8px 0px 50px;background:#fff;}
.graphWrap h3{font-size:0.9rem;font-weight:bold;text-align:left;padding:10px 10px 0;}
.graphWrap .graphArea{overflow:hidden;padding:20px 10px;}

.graphWrapA{margin:8px auto 25px;background:#fff;}
.graphWrapA .graphArea{overflow:hidden;padding:12px;}
.graphWrapA .graphArea .linkTxt{font-size:0.8rem;}
.graphTypeA{overflow:hidden;}
.graphTypeA .title{text-align:left;padding:8px 0 0 0;}
.graphTypeA .graphTypeA__obj{float:left;}
.graphTypeA .graphTypeA__obj_head{height:25px;text-align:center;font-size:0.8rem;line-height:25px;min-width:50px;margin-left:-35px;}
.graphTypeA .graphTypeA__obj_body{height:30px;}

.graphSummUl{overflow:hidden;margin:0 auto}
.graphSummUl li{float:left;font-size:0.8rem;text-align:center;padding:8px 0;line-height:1.8}
.bd_trans{border:1px solid transparent !important;background:none !important;}
.bgGr01{background:#e57373;color:#e57373}
.bgGr02{background:#81c784;color:#81c784}
.bgGr03{background:#ffb74d;color:#ffb74d}
.bgGr04{background:#64b5f6;color:#64b5f6}
.bgGr05{background:#616161;color:#616161}
.bgGr06{background:#ba68c8;color:#ba68c8}
.bgGr07{background:#7986cb;color:#7986cb}
.bgGr08{background:#2961db;color:#2961db}
.bgGr09{background:#01bd8b;color:#01bd8b}

.addState{background:#f8f9ff !important;border:1px solid #dedede;border-top:0 !important;overflow:hidden;}
.addState .sortPin{width:7%;float:left;height:50px;text-align:center;padding-top:18px;}
.addState .text{width:63%;float:left;height:50px;padding-top:11px;}
.addState .textHalf{width:31.5%;float:left;height:50px;padding-top:11px;}
.addState .btns{width:30%;float:left;height:50px;padding-top:15px;text-align:right;padding-right:5px;}

.commTable{width:100%;border-top:1px solid #666 !important;border-bottom:1px solid #666;margin:0 auto;}
.commTable caption{display:none;}
.commTable thead th{padding:5px 0;font-weight:normal;font-size:11px;line-height:1.5;white-space:normal;letter-spacing:0px;text-align:center;color:#333;background:#fff;border:1px solid #dedede;}
.commTable thead tr:first-child th{border-top:0 !important;}
.commTable tbody th{padding:5px 0;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;text-align:center;border:1px solid #dedede;}
.commTable tbody td{background:#fff !important;padding:5px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;text-align:center;border:1px solid #dedede;}
.commTable tbody td a{font-size:12px;font-weight:normal;}
.commTable tbody td a:hover{color:#06f;}
.commTable tfoot th{padding:8px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;letter-spacing:-1px;text-align:center;color:#333;background:#fafafa;border:1px solid #eee;}

.listMinTb{width:100%;}
.listMinTb .noCateLine th, .listMinTb .noCateLine td{background:#f1f1f1}
.listMinTb td{padding:18px 0px;font-size:0.8rem;background:#fff;border-bottom:1px solid #dedede;text-align:center;line-height:1.5;} /* 190312 수정 */
.listMinTb td.linkTd{font-size:0.9rem}
.listMinTb td .name{font-size:0.95rem}
.listMinTb td .type{font-size:0.8rem;padding-top:4px;}
.listMinTb td.linkTd i{font-size:0.8rem}
.listMinTb td .fa-camera{color:#aaa;}
.listMinTb td .fa-camera.on{color:#2961db;}
/*
.listMinTb td.linkTd:after{display:inline-block;content: '\f054'; font-family: 'FontAwesome'; font-size: 10px;font-weight:normal !important;margin-left:3px;}
*/

.listMinCTb{width:100%;}
.listMinCTb .noCateLine th, .listMinCTb .noCateLine td{background:#f1f1f1 !important}
.listMinCTb td{padding:13px 0px 10px;font-size:0.8rem;background:#fff;border-bottom:1px solid #dedede;text-align:center;line-height:1.5;} /* 190312 수정 */
.listMinCTb td.linkTd{font-size:0.9rem}
.listMinCTb td .name{font-size:0.95rem;margin-top:5px;}
.listMinCTb td .money{font-size:1.0rem}
.listMinCTb td .cateName{font-size:10px;font-weight:bold;border-radius:4px;padding:3px 3px;border:1px solid #999;}
.listMinCTb td .cateName.positive{border:1px solid #2961db;color:#2961db !important;}
.listMinCTb td .cateName.negative{border:1px solid #f86c6c;color:#f86c6c !important;}
.listMinCTb td .cateName.neither{border:1px solid #01bd8b;color:#01bd8b !important;}
.listMinCTb .neither{color:#000 !important;}
.listMinCTb td .guideLine{font-size:8px !important;padding:0 2px !important}
.listMinCTb td .aside{font-size:11px;color:#999;}
.listMinCTb td .aside img{height:13px}
.listMinCTb td .type{font-size:0.8rem;padding-top:4px;}
.listMinCTb td.linkTd i{font-size:0.8rem}
.listMinCTb td .fa-camera{color:#aaa;}
.listMinCTb td .fa-camera.on{color:#2961db;}
.memoTd i{color:#999; font-size: 16px;font-weight:bold !important;margin-top:1px}
.memoTd.on i{color:#2961db; font-size: 16px;font-weight:bold !important;}

.loadWrap{position:relative;}
.loadWrap .bg{background:rgba(0, 0, 0, 0.5);position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:block;z-index:999999999}
.loadWrap .loadIco{width:56px;height:56px;position:fixed;top:50%;left:50%;margin-top:-28px;margin-left:-28px;z-index:9999999999}
@keyframes lds-rolling { 0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
@-webkit-keyframes lds-rolling {0% {-webkit-transform: translate(-50%, -50%) rotate(0deg);transform: translate(-50%, -50%) rotate(0deg);}100% {-webkit-transform: translate(-50%, -50%) rotate(360deg);transform: translate(-50%, -50%) rotate(360deg);}}
.lds-rolling {position: relative;}
.lds-rolling div, .lds-rolling div:after {position: absolute;width: 160px;height: 160px;border: 20px solid #7a80ff;border-top-color: transparent;border-radius: 50%;}
.lds-rolling div {-webkit-animation: lds-rolling 1s linear infinite;animation: lds-rolling 1s linear infinite;top: 100px;left: 100px;}
.lds-rolling div:after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.lds-rolling {width: 56px !important;height: 56px !important;-webkit-transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px);transform: translate(-28px, -28px) scale(0.28) translate(28px, 28px);}


.listMenuWrap{margin:0px auto 0px;background:#fafaf8;padding:0;border-bottom:1px solid #dedede;}
.listMenuWrap ul{overflow:hidden;padding:7px 10px;}
.listMenuWrap ul li{width:50%;float:left;text-align:center;padding:4px 0 0;line-height:1.5;}
.listMenuWrap ul li:last-child{width:50%;}
.listMenuWrap ul li.num{font-size:0.9rem;}

.listMenuWrap .totalObjType2{background:#fafaf8;height:45px;overflow:hidden;border:1px solid transparent}
.listMenuWrap .totalObjType2.on{background:#fff;border:1px solid #2961db;color:#2961db;box-shadow:0 8px 10px -7px rgba(0, 0, 0, 0.2);border-radius:8px;}
.listMenuWrap .totalObjType2 label{color:#999;font-size:12px;padding:3px 5px 0;border-radius:4px;}
.listMenuWrap .totalObjType2 label i{font-size:13px;}
.listMenuWrap .totalObjType2 label.ordinary{color:#999;}
.listMenuWrap .totalObjType2.on label{color:#2961db !important;font-weight:bold;}
.listMenuWrap .totalObjType2.on span{color:#000;}
.listMenuWrap .totalObjType2 label.positive{background:#4fc3f7}
.listMenuWrap .totalObjType2 label.negative{background:#ff8a65}
.listMenuWrap .totalObjType2 label.neither{background:#857bff}
.listMenuWrap .totalObjType2 span{font-size:0.8rem;color:#999;}

.choiceObjTab > li { width: 25%}
.choiceObjTab > li > a { color: #666; padding: 10px 0 10px 0; display: block; background: #fff; text-align: center; text-decoration: none; font-size: 0.8rem; line-height: 1.5; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.choiceObjTab > li.active > a { border-bottom: 2px solid #2961db; color: #2961db; }


.timeTp{font-size:0.75rem !important;color:#339966;letter-spacing:0 !important;letter-spacing:-0.05em;}
.timeTp:before{content: '\f017'; font-family: 'FontAwesome'; font-size: 0.9rem;color:#fd7e1a;font-weight:normal !important;margin-top:-5px;margin-right:5px}
.itemTp{font-size:0.75rem !important;color:#339966;letter-spacing:0 !important;letter-spacing:-0.05em;}
.itemTp:before{content: '\f02b'; font-family: 'FontAwesome'; font-size: 0.9rem;color:#fd7e1a;font-weight:normal !important;margin-top:-3px;margin-right:5px}
.itemTp .cate{font-size:0.7rem;}
.priceTp{font-size:1.0rem !important;color:#6666ff !important;letter-spacing:0 !important;letter-spacing:-0.05em;font-weight:bold;}
.priceTp:before{content: '\f159'; font-family: 'FontAwesome'; font-size: 0.9rem;color:#6666ff;font-weight:normal !important;margin-top:-5px;margin-right:5px}

.heart:before{content: '\f004'; font-family: 'FontAwesome'; font-size: 10px;color:#2961db;font-weight:normal !important;margin-top:-5px;margin-right:5px}
.heart{color:#2961db;}
.heart:before{content: '\f004'; font-family: 'FontAwesome'; font-size: 10px;color:#2961db;font-weight:normal !important;margin-top:-5px;margin-right:5px}
.review{color:#fd7e1a;}
.review:before{content: '\f005'; font-family: 'FontAwesome'; font-size: 11px;color:#fd7e1a;font-weight:normal !important;margin-top:-5px;margin-right:5px}
.storeListWrap .listObj .infoTxtDl .aside span{margin-left:5px;}

.alertBtn{display:inline-block;margin-left:5px;color:#e60023 !important}

.reviewThum{height:130px;overflow:hidden;position:relative;margin-bottom:15px;}
.reviewThum img{width:100%;height:100%;}

.scrollYWrap{overflow-x:hidden;overflow-y:auto !important;-webkit-overflow-scrolling:touch;}
.scrollXWrap{overflow-y:hidden;overflow-x:auto !important;-webkit-overflow-scrolling:touch;}
.hideScrollBar{-ms-overflow-style: none;}
.hideScrollBar::-webkit-scrollbar{display: none;}

.storeThum{height:350px;overflow:hidden;position:relative;}
.storeThum img{width:100%;}
.swiper-pagination-bullet-active{background:#f20 !important;}

.editorDiv{}
.editorDiv img, .editorDiv table{max-width:100% !important;}

.faqWrap{margin:0px auto;}
.faqWrap .faqList{-webkit-tap-highlight-color: transparent;text-align:left;margin:0;padding:0;border:0;background:#fff;}
.faqWrap .faqList dt.faqQuest{font-size:0.9rem;color:#000;cursor:pointer;padding:20px 0px !important;background:#fff;border-bottom:1px solid #eee;position:relative;font-weight:normal;}
.faqWrap .faqList dt.faqQuest:after{display:block !important;position:absolute;top:19px;right:10px;content: '\f067' !important; font-family: 'FontAwesome';color:rgba(0, 0, 0, 0.2) !important;font-size:14px !important;}
.faqWrap .faqList dt.subOpen:after{display:block !important;position:absolute;top:19px;right:10px;content: '\f068' !important; font-family: 'FontAwesome';color:rgba(0, 0, 0, 0.2) !important;}
.faqWrap .faqList dt.faqQuest span{font-weight:bold;color:#2961db}
.faqWrap .faqList dd.faqAnswer{display:none;width:100%;height:auto !important;border-bottom:1px solid #eee;line-height:1.5;background:#fafafa;padding:20px 10px 20px 10px;font-size:0.9rem;color:#000;}
.faqWrap .faqList dd.faqAnswer p{}
.faqWrap .faqList dd.faqAnswer img, .faqWrap .faqList dd.faqAnswer table{max-width:100%;}

/* 페이징 */
.pagenate{text-align:center;margin:30px auto 0 !important;line-height:27px;}
.pagenate a{position:relative;z-index:1;border:1px solid #e1e1e1;padding:3px 13px;color: #666;display:inline-block;box-sizing: border-box;margin:0 2px;font-size:13px;background:#fff;}
.pagenate a:hover{color: #000;border:1px solid #777;z-index:9;}
.pagenate a.now{background:#111111;box-shadow:0 5px 10px -5px rgba(0, 0, 0, 0.5);border:1px solid #111111;z-index:10;color:#fff;}

/*
.calendarWrap{}
.calendarWrap .ctrCalendar{overflow:hidden;position:relative;margin-bottom:8px;}
.calendarWrap .ctrCalendar .month{font-size:1.3rem;text-align:center;height:30px;line-height:30px;font-weight:bold;}
.calendarWrap .ctrCalendar .btnCtr{position:absolute;display:block;width:30px;height:30px;line-height:30px;text-align:center;vertical-align:middle;font-size:1.0rem;}
.calendarWrap .ctrCalendar .btnCtr.first{top:0;left:0;}
.calendarWrap .ctrCalendar .btnCtr.last{top:0;right:0;}
.calendarWrap .calendarBody{}
.cldrBodyTb{width:100%;table-layout:fixed;}
.cldrBodyTb thead th{height:40px;text-align:center;font-size:0.9rem;}
.cldrBodyTb tbody td{height:40px;text-align:center;font-size:0.9rem;}
.cldrBodyTb tbody td.on{background:#056aff !important;color:#fff;border-radius:0px;}
.calendarBody .sun{color:#ea484c;}
.calendarBody .sat{color:#4a86ff;}
.calendarBody .other{color:#ccc !important;background:#eaeaea;}

*/
.timeWrap{padding:15px;border-bottom:1px solid #eee;}
.timeWrap p{font-size:0.9rem;text-align:left;padding:5px 0;}
.timeBox{margin:0 auto 10px;overflow:hidden;}
.timeBox a{display:inline-block;width:23.5%;padding:10px 0;border:1px solid #eee;text-align:center;font-size:0.85rem;margin-bottom:5px;}
.timeBox a.on{color:#056aff;border:1px solid #056aff}
.timeBox a.not{background:#eaeaea;color:#999;}

/* 180927 그래프타입 추가 */
.graphTypeB{overflow:hidden;}
.graphTypeB .title{text-align:left;padding:8px 0 0 0;}
.graphTypeB .graphTypeB__obj{float:left;}
.graphTypeB .graphTypeB__obj_head{height:25px;text-align:center;font-size:0.8rem;line-height:25px;min-width:50px;margin-left:-35px;}
.graphTypeB .graphTypeB__obj_body{height:30px;}


.graphTypeC{width:90%;height:20px;background-color:#e9ecef;text-align:left;display:inline-block;vertical-align:middle;position:relative;}
.graphTypeC .title{text-align:left;padding:8px 0 0 0;}
.graphTypeC:after{content:'';clear:both;display:block;}
.graphTypeC .graphTypeC__obj_body{height:20px;background-color:#2961db;position:relative;}
.graphTypeC .graphNum{padding-left:5px;font-size:10px;position:absolute;top:5px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6;z-index:100}

/* 180927 아이폰그래프 컬러 */
.bgZero{border-left:1px solid #c9c6cd;}
.bgFull{background:#e57373 !important;}
.bgFull .graphNum{color:#e57373 !important;font-weight:bold;}
.bgiGr01{background:#007aff;color:#007aff}
.bgiGr02{background:#56c9ff;color:#56c9ff}
.bgiGr03{background:#fe9603;color:#fe9603}
.bgiGr04{background:#c9c6cd;color:#c9c6cd}

.bgsGr01{background:#2961db !important;color:#2961db}
.bgsGr02{background:#f86c6c !important;color:#f86c6c}
.bgsGr03{background:#857bff !important;color:#857bff}
.bgsGr04{background:#01bd8b !important;color:#01bd8b;position:relative;}
.bgsGr05{background:#eb5858 !important;position:relative;}
.bgsNum01{color:#2961db;font-weight:bold;}
.bgsNum02{color:#f86c6c;font-weight:bold;}
.bgsNum04{color:#01bd8b;font-weight:bold;}
.bgsNum05{color:#eb5858;font-weight:bold;}
.bgsGr04:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/aba/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.bgsGr05:before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url("/aba/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.bgsGr0{background:#e9ecef;position:relative;}


.limitLine{position:absolute;top:0;left:0;height:20px;border-right:3px solid #ffb74d;z-index:99;}
.limitBg01{background:#f86c6c !important;}
.limitBg02{background:#ffb74d !important;}
.limitBg03{background:#81c784 !important;}

/* 180927 애니메이션그래프  */
.grpProgWrap{width:100%;}
.grpProgInnerWrap{padding:10px 50px 10px 10px;}
.grpProgress {padding: 0px;background: rgba(0, 0, 0, 0.1);border-radius:0 6px 6px 0;}
.grpProgress .progress-bar {position: relative;height: 16px;border-radius:0 4px 4px 0;-webkit-transition: 0.4s linear;-moz-transition: 0.4s linear;-o-transition: 0.4s linear;transition: 0.4s linear;-webkit-transition-property: width, background-color;-moz-transition-property: width, background-color;-o-transition-property: width, background-color;transition-property: width, background-color;-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.25), inset 0 1px rgba(255, 255, 255, 0.1);box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);}
.grpProgress .progress-bar:before, .grpProgress .progress-bar:after {content: '';position: absolute;top: 0;left: 0;right: 0;}
.grpProgress .progress-bar:before {bottom: 0;background: url("/aba/img/grp/stripes.png") 0 0 repeat;border-radius: 4px 4px 0 0;}
.grpProgress .progress-bar:after {z-index: 2;bottom: 45%;border-radius: 4px;background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));}
.grpProgress .graphNum{padding-left:5px;font-size:10px;position:absolute;top:3px;right:-50px;display:block;width:50px;text-align:left;color:#3860b6}
.grp5 > .progress-bar {width: 5%;background-color: #f63a0f;}
.grp25 > .progress-bar {width: 25%;background-color: #f27011;}
.grp50 > .progress-bar {width: 50%;background-color: #f2b01e;}
.grp75 >  .progress-bar {width: 75%;background-color: #f2d31b;}
.grp100 >  .progress-bar {width: 100%;background-color: #86e01e;}


/* 180928 그래프타입 확정본 추가 */
.graphTypeD{overflow:hidden;position:relative;}
.graphTypeD .graphTypeD__obj{float:left;}
.graphTypeD .graphTypeD__obj_head{height:30px;text-align:center;font-size:0.9rem;line-height:30px;}
.graphTypeD .graphTypeD__obj_body{height:60px;}

/* 180928_각주 써클 아이콘 네모박스로 강제 변환 */
.fa-circle.positive{color:#2961db;background:#2961db;font-size:13px}
.fa-circle.negative{color:#f86c6c;background:#f86c6c;font-size:13px}
.fa-circle.neither{color:#857bff;background:#857bff;font-size:13px}
.fa-circle.ordinary{color:#01bd8b;background:#01bd8b;font-size:13px}

.commentWrap{padding:15px 0 15px;text-align:center;border:1px solid #eee;border-radius:4px;margin:10px 10px;box-shadow:0px 4px 10px 0px rgba(0,0,0,0.08) !important;}
.commentWrap i{font-size:50px;margin:10px auto 5px;}
.commentWrap i.gold{color:#FDD24E}
.commentWrap i.heart{color:#F45B69}
.commentWrap .title{font-size:16px;font-weight:bold;line-height:1.8;}
.commentWrap .txt{font-size:12px;line-height:1.5;}

/* 181008 채팅추가 */
.chatLink{position:relative;width:22px;height:22px;display:inline-block;margin-right:20px;}
.chatLink .alNum{position:absolute;top:-7px;right:-10px;padding:3px 5px;font-size:10px;color:#fff;font-weight:bold;background:#f20;border-radius:1000px;}
.link_text .alNum{padding:2px 5px;font-size:10px;color:#fff;font-weight:bold;background:#f20;border-radius:1000px;}
.chatWrap{}
.chatWrap .header{background:#233242;height:45px;position:relative;overflow:visible !important;}
.chatWrap .header a{height:28px !important}
.chatWrap .header .title{font-size:15px;font-weight:bold;color:#fff;text-align:left;padding:12px 0 0 12px;line-height:1 !important;}
.chatWrap .header .title .bookName{font-size:13px;}
.chatWrap .header .btnClose{position:absolute;top:10px;right:8px;color:#fff;}
.chatWrap .chatBody{height:calc(100vh - 235px);background:#fff;margin:20px 10px 0;overflow:auto !Important;}    
.chatWrap .chatBody .date{text-align:center;padding:10px 0;color:#bcc9cf;font-size:15px;margin:10px auto;position:relative;}
.chatWrap .chatBody .date span{background:#fff;padding:0 20px;position:relative;z-index:1;}
.chatWrap .chatBody .date:after{position:absolute;top:50%;left:0;right:0;content:'';display:block;width:100%;height:1px;border-bottom:1px dashed #e5edf1;z-index:0;}
.chatWrap .chatBody .chatSection{clear:both;margin:10px auto;}
.chatWrap .chatBody .chatSection.send{float:right;margin-left:40px;margin-right:15px;}
.chatWrap .chatBody .chatSection.send .text{background:#2961db;color:#fff;position:relative;}


.chatWrap .chatBody .chatSection.receive{float:left;margin-left:15px;margin-right:40px;}
.chatWrap .chatBody .chatSection .name{color:#666a85;font-size:12px;font-weight:bold;padding:8px 0;}
.chatWrap .chatBody .chatSection .text{font-size:13px;line-height:1.7;color:#000;background:#f6f8f9;padding:10px;border-radius:8px;display:inline-block;position:relative;}
.chatWrap .chatBody .chatSection .time{font-size:10px;color:#999;padding:8px 0;}
.chatWrap .chatBody .chatSection .file{text-align:right;padding-right:10px;position:relative;}
.chatWrap .chatBody .chatSection .file i{color:#999;font-size:13px;}
.chatWrap .chatBody .chatSection.send .file p{background:#2961db;color:#fff;padding:10px;border-radius:8px;}

.chatWrap .chatBody .chatSection.send i{background:#2961db;color:#fff;}
.chatWrap .chatBody .chatSection.receive .file p{color:#999;background:#f6f8f9;padding:10px;border-radius:8px;}
.chatWrap .chatBody .chatSection .file a{margin-top:10px;font-size:11px;text-decoration:underline;color:#f20;}
.chatWrap .chatBody .chatSection.send .file{text-align:right;padding-right:10px;line-height:1.7;}
.chatWrap .chatBody .chatSection.receive .file{text-align:left;padding-left:10px;line-height:1.7;}
.chatWrap .chatBody .chatSection .file p{position:relative;}

.chatWrap .chatBody .chatSection .view{position:absolute;bottom:3px;right:-13px;left:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.send .view{position:absolute;bottom:3px;left:-13px;right:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.send .file p .view{position:absolute;bottom:3px;left:-13px;right:auto;color:#f20;font-size:11px;font-weight:bold;}
.chatWrap .chatBody .chatSection.receive .file p .view{position:absolute;bottom:3px;right:-13px;left:auto;color:#f20;font-size:11px;font-weight:bold;}

.chatWrap .chatBody .clear{clear:both;}
.chatWrap .chatSendArea{clear:both;margin:0 10px;background:#fff;overflow:hidden;border-top:1px solid #eee;padding:10px;}
.chatWrap .chatSendArea .chatBox {width:90%;width:75%;float:left}
.chatWrap .chatSendArea .chatBox textarea{width:100%;border:0 !important;padding:12px;height:90px;overflow:auto !important;font-size:13px;color:#000;line-height:1.5;}
.chatWrap .chatSendArea .chatBox .aside{padding:3px 10px;}
.chatWrap .chatSendArea .chatBox .aside a i{color:#666;font-size:16px;}
.chatWrap .chatSendArea .btnSet{width:25%;float:right;}
.chatWrap .chatSendArea .btnSend{width:90px;height:90px;border:1px solid transparent;background:#2961db;color:#fff;float:right;}

/* 180816 채팅 참여자 목록보기 추가 */
.chatWrap .header .chatJoinList{position:absolute;top:45px;left:0;display:none;background:#fff;border:1px solid #ddd;z-index:999999;color:#999 !important;font-size:11px;text-align:left;box-shadow:0 7px 10px -7px rgba(0, 0, 0, .5);}
.chatWrap .header .chatJoinList > div{min-width:90px;max-height:365px;overflow:auto !important;padding:10px 20px 10px 10px;}
.chatWrap .header .chatJoinList .nameList{min-width:90px;padding:8px 15px 8px 20px;font-size:14px;color:#444 !important;text-align:left;position:relative;}
.chatWrap .header .chatJoinList .nameList:first-child{margin-top:8px;}
.chatWrap .header .chatJoinList .nameList:after{display:block !important;position:absolute;top:8px;left:3px;content: '\f2bd'; font-family: 'FontAwesome';color:#cdcdcd !important;}
.chatWrap .header .chatListView{margin-right:5px;border:1px solid transparent}
.chatWrap .header .chatListView i{font-size:14px;color:#888;}
.chatWrap .header .chatListView span{padding:0 3px;font-size:12px;color:#555;font-family:'Nanum Gothic','맑은 고딕',malgun gothic,dotum,AppleGothic,sans-serif !important;}
.chatWrap .header .chatListView:hover{}
.chatWrap .header .chatListView:hover i, .chatWrap .header .chatListView:hover span{color:#fff !important;}

.memoOn{position:relative;}
.memoOn:after{display:block;content:'\f15c'; font-family: 'FontAwesome';color:#2961db !important; font-size: 14px;font-weight:normal !important;position:absolute;top:0px;right:3px;} /* 190312 수정 */

.memoWrap{text-align:left;}
.memoWrap .title{padding:8px 0;font-weight:bold;}
.memoWrap .title i{color:#70bbfd}
.memoInTagWrap{border-radius:8px;border:1px solid #dedede;padding:8px;min-height:30px}
.noBdrTb{width:100%;border:0;margin:0 auto;}
.noBdrTb caption{display:none;}
.noBdrTb tbody td{padding:0;height:42px;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;background:transparent !important;}

.swipTabs  {_zoom:1;margin:0 auto;clear:both;overflow:hidden;background:#fafaf8;border-bottom:1px solid #dedede;padding:10px;}
.swipTabs li{float:left;background:#fafaf8;text-align:center;border:1px solid transparent;box-sizing:border-box;height:35px;line-height:35px;font-size:0.8rem;color:#999;}
.swipTabs li.active{background:#fff;border:1px solid #2961db;border-radius:8px;box-shadow:0 8px 10px -7px rgba(0, 0, 0, 0.2);color:#2961db !important;font-weight:bold;}


.swipTabsContainer {overflow: hidden; }
.swipTabsContainer .swiper-slide { background:#fff;box-sizing:border-box;}
.swiper-slide .msgCntIco{width:28px;top:0 !important;padding:1px 2px !important;}

.meterTb{width:100%;border-top:2px solid #666 !important;border-bottom:1px solid #e4e4e4;}
.meterTb caption{display:none;}
.meterTb thead th{background:#fff;font-weight:bold;font-size:0.8rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:15px 0;}
.meterTb tbody th{background:#fff;font-weight:normal;font-size:0.8rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:15px 0;}
.meterTb tbody td{background:#fff;padding:15px 0;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;text-align:center;border:1px solid #e4e4e4;vertical-align:top;}
.meterTb tbody td.writeTd{background:#f3faff;color:#000;font-weight:bold;}
.meterTb tbody td.justBefore{background:#d6eeff !important;}

.swipTabsContainer .overFix{overflow:auto;height:calc(100vh - 242px);}

.setItemList{margin:5px;}
.setItemList:after{display:block;content:'';clear:both;}
.setItemList li{text-align:left;padding:5px;position:relative;}
.setItemList li .itemName{display:inline-block;width:80%;white-space: normal;text-overflow: ellipsis;overflow: hidden;word-break: break-all;vertical-align:middle;line-height:1.2 !important;margin-top:-3px;}
.setItemList li .btnDel{position:absolute;top:50%;right:5px;transform: translateY(-50%);}

.setMenberList{margin:5px;}
.setMenberList:after{display:block;content:'';clear:both;}
.setMenberList li{text-align:left;padding:7px;position:relative;width:31.3%;float:left;margin:5px 2% 5px 0;}
.setMenberList li .memName{float:left;display:block;width:25%;vertical-align:middle;line-height:1.2 !important;margin-top:-3px;font-weight:bold;}
.setMenberList li .memId{float:left;display:block;width:40%;vertical-align:middle;line-height:1.2 !important;margin-top:-3px;color:#666;}
.setMenberList li .memPhone{float:left;display:block;width:20%;vertical-align:middle;line-height:1.2 !important;margin-top:-3px;color:#666;}
.setMenberList li .btnDel{position:absolute;top:50%;right:5px;transform: translateY(-50%);}
.setMenberList li .cancel{position: absolute;top: 50%;right: 5px;transform: translateY(-50%);}
.setMenberList li .cancel img{width: 12px;}

.searchChat{text-align:left !important;}
.searchBox{background:#fff;width:100%;padding:10px;}
.searchBox:after{display:block;clear:both;content:'';}
.ipSearchInn{width:85%;float:left;}
.btnSearchInn{display:block;width:35px;height:35px;float:right;line-height:35px;text-align:center;font-size:1.0rem;border:1px solid #2961db;border-radius:10px;background:#fff;}

.chkLabel{position:relative;}
.chkLabel:after{content: '\f14a'; font-family: 'FontAwesome'; font-size: 1.3rem;color:#ccc;position:absolute;top:20px;left:8px;}
.chkLabel.on:after{content: '\f14a'; font-family: 'FontAwesome'; font-size: 1.3rem;color:#2961db;position:absolute;top:20px;left:8px;}
.chkLabel input{position:absolute;left:-9999999px;}

.viewControl{border-radius:4px;padding:5px 10px;;border:1px solid #ddd;background:#fff;overflow:hidden;}
.viewControl dt{width:80%;height:30px;float:left;text-align:left;line-height:30px;font-size:0.75;font-weight:bold;}
.viewControl dd{width:20%;height:30px;float:left;text-align:right;line-height:30px;}

.inContWrap{background:#fff;margin-top:10px;min-height:75vh;padding:0;}
.inContWrap:after{clear:both;content:'';display:block;}
.inContWrapAnalysis{background:#fff;margin-top:10px;padding:0;}
.inContWrapAnalysis:after{clear:both;content:'';display:block;}
.calAside{position:relative;margin-top:10px;}
.customoverlay {
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.customoverlay .title {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 5px;
}

.daySelect{font-size: 25px;position:absolute;top:4px;left:50%; text-align: center;width: 265px;height: 30px;border-radius: 5px;line-height: 30px;transform: translateX(-50%);}
.daySelect p{cursor: pointer;}

.todayReportWrap{}
.todayReportWrap .todayObj{height:90px;padding:5px;background:#fff;border-radius:10px;margin:20px auto 25px;box-shadow:rgba(0, 0, 0, 0.08) 0px 4px 10px 0px;overflow:hidden;position:relative;}
.todayReportWrap .todayObj h2{position:absolute;top:15px;left:0px;padding:3px 0 3px 20px;font-size:15px;font-weight:bold;}
.todayReportWrap .todayObj:nth-child(1) h2{border-left:2px solid #567ede;color:#1d1e3a;}
.todayReportWrap .todayObj:nth-child(2) h2{border-left:2px solid #4ac18e;color:#4ac18e;}
.todayReportWrap .todayObj:nth-child(3) h2{border-left:2px solid #ff9797;color:#ea553d;}
.todayReportWrap .todayObj .compared{color:#99abb4;font-size:11px;position:absolute;bottom:15px;left:22px;text-align:right;}
.todayReportWrap .todayObj .compared .fa-caret-up{color:#75a4eb;}
.todayReportWrap .todayObj .compared .fa-caret-down{color:#ff6060;}
.todayReportWrap .todayObj .compared span{color:#000;font-size:11px;}
.todayReportWrap .todayObj dl{position:absolute;bottom:15px;right:30px;}
.todayReportWrap .todayObj dl dt{color:#99abb4;font-size:11px;text-align:right;margin-bottom:5px;}
.todayReportWrap .todayObj dl dd{color:#455a64;font-size:24px;text-align:right;}

.todayGraphSearch{background:#fff;height:40px;padding:8px 20px;text-align:center;overflow:hidden;position:relative;}
.todayGraphSearch h2{position:absolute;top:7px;left:0px;padding:4px 0 3px 20px;font-size:15px;border-left:2px solid #567ede;color:#1d1e3a;}

.todayGraphWrap{margin:20px auto;}
.todayGraphWrap .todayGraphBody{width:49%;background:#fff;padding:20px;overflow:hidden;}
.todayGraphWrap .todayGraphBody:nth-child(1){float:left;}
.todayGraphWrap .todayGraphBody:nth-child(2){float:right;}

.halfSlideWrap{margin:10px auto;}
.halfSlideWrap:after{display:block;clear:both;content:'';}
.halfSlideWrap .fixedSect{width:50%;float:left;height:300px;box-sizing:border-box;padding:0 !important;margin:0 !important}
.halfSlideWrap .slideSect{width:50%;float:left;min-height:300px;overflow:auto !important;box-sizing:border-box;padding:0 !important;margin:0 !important;position:relative;}

.dataTb{width:100%;box-sizing:border-box;}
.dataTb caption{display:none;}
.dataTb thead th{background:#f4f4f4;font-weight:bold;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:10px 0;}
.dataTb tbody th{background:#fff;font-weight:normal;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:left;border:1px solid #e4e4e4;color:#000;padding:0 0 0 5px;height:70px;}
.dataTb tbody td{background:#fff;padding:0;height:70px;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;border:1px solid #e4e4e4;vertical-align:middle;}
.dataTb tbody td.point{background:#f3faff;color:#000;font-weight:bold;}
.dataTb .total{background:#fafafa !important;font-weight:bold;}

.dataMinTb{width:100%;box-sizing:border-box;}
.dataMinTb caption{display:none;}
.dataMinTb thead th{background:#f4f4f4;font-weight:bold;font-size:0.75rem;line-height:1.2;white-space:normal;text-align:center;border:1px solid #e4e4e4;color:#000;padding:10px 0;}
.dataMinTb tbody th{background:#fff;font-weight:normal;font-size:0.75rem;line-height:1.2;white-space:nowrap;text-align:left;border:1px solid #e4e4e4;color:#000;padding:0 0 0 5px;height:45px;}
.dataMinTb tbody td{background:#fff;padding:0;height:45px;font-weight:normal;font-size:0.85rem;line-height:1.5;white-space:normal;border:1px solid #e4e4e4;vertical-align:middle;}
.dataMinTb tbody td.point{background:#f3faff;color:#000;font-weight:bold;}
.dataMinTb .total{background:#fafafa !important;font-weight:bold;}

.helpTipDiv{background:rgba(0, 0, 0, 0.7);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;}
.helpTipDiv .innerTip{position:absolute;color:#fff;top:200px;left:50%;margin-left:-40px;text-align:center;}
.helpTipDiv .fa-hand-point-up{font-size:2.0rem;}
.helpTipDiv .fa-arrows-alt-h{font-size:2.0rem;}
.helpTipDiv p{font-size:0.7rem;}

.helpTipDiv{animation-name: tip-fade-out;animation-duration: 0.5s;animation-timing-function: ease-in;animation-iteration-count:once;animation-delay: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@-webkit-keyframes tip-fade-out{0%{opacity:1}100%{opacity:0}}@keyframes tip-fade-out{0%{opacity:1}100%{opacity:0}}
.infoPieSection.now{border:1px solid #2961db !important}
.readonly{background:#f1f1f1 !important;color:#777 !important}
.readonly:hover{background:#f1f1f1 !important;color:#777 !important}
input[type="date"].date-slider::-webkit-calendar-picker-indicator{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: auto;height: auto;color: transparent;background: transparent; }   


.stateView{position:absolute;top:50%;right:5px;margin-top:-45px;width:38px;height:80%;padding-top:28px;border-radius:6px;background:#fff;text-align:center;font-size:12px;font-weight:bold;line-height:1.3;letter-spacing:-0.05em;}
.stateView.stepA{color:#903cef !important;border:1px solid #903cef;}
.stateView.stepB{color:#63b30c;border:1px solid #63b30c;}
.stateView.stepC{color:#3cbfef;border:1px solid #3cbfef;}
.stateView.stepD{color:#ee3d3d !important;border:1px solid #ee3d3d;}
.stateView.stepE{color:#3c6fef;border:1px solid #3c6fef;}

.stepPoint{position:absolute;bottom:-10px;left:50%;width:120px;height:22px;margin-left:-60px;}
.stepPoint span{display:inline-block;width:20px;height:20px;line-height:20px;font-size:10px;font-weight:bold;text-align:center;background:#f4f4f4;border-radius:1000px;}
.stepPoint span:nth-child(2){margin:0 5px;}
.stepPoint span.now{background:#2961db;color:#fff;}

.reviewPoint{text-align:center;padding:20px 0;}
.reviewPoint .pointNow{font-size:1.3rem;font-weight:bold;color:#2961db;}
.reviewPoint .point{font-size:1.0rem;color:#444;}
.reviewPoint .starPoint{margin-bottom:10px;font-size:1.5rem;}
.reviewPoint .starPoint i{color:#fd7e1a;}
.reviewPoint .starPoint i.far.fa-star{color:#ddd}

.searchState{background:#f5f5f5;text-align:center;display:none;position:fixed;top:45px;z-index:99999999;width:100%;box-shadow:0 5px 10px -3px rgba(0, 0, 0, 0.3);}

.itemSectWrap{}
.slideTab{position:sticky;top:45px;overflow:hidden;border-bottom:1px solid #eee;background:#fff;z-index:99;}
.slideTab .numBadge{background:#ff9901;color:#fff;font-size:0.7rem;display:inline-block;width:30px;padding:2px 0;border-radius:1000px;text-align:center;}
.choiceObjTab > li {}
.choiceObjTab > li > a { color: #666; padding: 10px 0 10px 0; display: block; font-weight:bold;letter-spacing:-0.05em;background: #fff; text-align: center; text-decoration: none; font-size: 0.75rem; border-bottom: 2px solid transparent; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
.choiceObjTab > li.active > a { border-bottom: 2px solid #2961db; color: #2961db; }

.btnPrimary{display:inline-block;width:42px;height:42px;line-height:42px;background:#2961db;padding:0;text-align:center;font-size:1.1rem;font-weight:normal;color:#fff !important;border:1px solid #2961db;border-radius:10px;vertical-align:middle;}
.btnOrdinary{display:inline-block;width:42px;height:42px;line-height:42px;background:#2b516c;padding:0;text-align:center;font-size:1.1rem;font-weight:normal;color:#fff !important;border:1px solid #2b516c;border-radius:10px;vertical-align:middle;}
.btnDanger{display:inline-block;width:42px;height:42px;line-height:42px;background:#f86c6c;padding:0;text-align:center;font-size:1.1rem;font-weight:normal;color:#fff !important;border:1px solid #f86c6c;border-radius:10px;vertical-align:middle;}

.emptyList{padding:150px 0;text-align:center;font-size:14px;color:#555;letter-spacing:-0.03em;line-height:1.5;}


.btnBlockCfm {width:100%;display:inline-block;height:44px;line-height:44px;background:#2961db;padding:0;text-align:center;font-size:0.9rem !important;font-weight:bold;color:#fff !important;border:1px solid #2961db;border-radius:4px;vertical-align:middle;}
.btnBlockNor {display:inline-block;height:44px;line-height:44px;background:#fff;padding:0;text-align:center;font-size:0.9rem !important;font-weight:bold;color:#000 !important;border:1px solid #666;border-radius:4px;vertical-align:middle;}
.btnBlockNor i{color:#aaa;font-size:0.9rem;}
.btnBlockNor.on{border:1px solid #2961db;}
.btnBlockNor.on i {color:#2961db !important;}

.star{color:#2961db;}
.star:before{content: '\f004'; font-family: 'FontAwesome'; font-size: 10px;color:#2961db;font-weight:normal !important;margin-top:-5px;margin-right:5px}

.noBdrTable{width:100%;border-top:2px solid #666 !important;border-bottom:1px solid #666;margin:0 auto;}
.noBdrTable caption{display:none;}
.noBdrTable thead th{padding:10px 0;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;letter-spacing:0px;text-align:center;color:#333;background:#fff;border-bottom:1px solid #dedede;}
.noBdrTable thead tr:first-child th{border-top:0 !important;}
.noBdrTable tbody th{padding:10px 0;font-weight:normal;font-size:12px;line-height:1.5;white-space:normal;text-align:center;border-bottom:1px solid #dedede;}
.noBdrTable tbody td{background:#fff !important;padding:10px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;text-align:center;border-bottom:1px solid #dedede;}
.noBdrTable tbody td a{font-size:12px;font-weight:normal;}
.noBdrTable tbody td a:hover{color:#06f;}
.noBdrTable tfoot th{padding:8px 0;font-weight:normal;font-size:13px;line-height:1.5;white-space:normal;letter-spacing:-1px;text-align:center;color:#333;background:#fafafa;border:1px solid #eee;}


.pointTable{width:100%;}
.pointTable thead th{height:30px;text-align:center;font-weight:bold;font-size:0.75rem;border-bottom:1px solid #dedede;}
.pointTable tbody td{height:40px;text-align:center;font-size:0.75rem;border-bottom:1px solid #eee;letter-spacing:-0.05em;padding:8px 0;}
.pointTable .pointM{font-weight:bold; z-index:5; position:relative; display: inline-block;}
.pointTable .pointM:before{content:'';display:block; width:100%; height:50%; background:rgba(255, 154, 0, 0.5); position:absolute; z-index:-2; left:0; bottom:0}
.pointTable .pointP{font-weight:bold; z-index:5; position:relative; display: inline-block;}
.pointTable .pointP:before{content:'';display:block; width:100%; height:50%; background:rgba(102, 102, 255, 0.5); position:absolute; z-index:-2; left:0; bottom:0}
.pointTable .plus{color:#6666ff;font-size:0.8rem;font-weight:bold;}
.pointTable .minus{color:#2961db;font-size:0.8rem;font-weight:bold;}

.gradient{
background: #36D1DC;  /* fallback for old browsers */
background: -webkit-linear-gradient(to right, #5B86E5, #36D1DC);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to right, #5B86E5, #36D1DC); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.caution{padding:10px 0;font-size:13px;color:#f50;text-align:justify}
.caution:before{content:'※ ';}

.inputNoneA { color: #e84451;  margin-bottom: 13px;  display:block; font-weight: 500; font-size: 13px;margin-left: 10px;}

.sideWrap{height:auto;position:fixed;top:65px;left:0;bottom:0px;padding-top: 50px;background:#191d27 url(/aad/img/bgAside.png) no-repeat 20% 80%;background:#2961db;z-index:999;overflow-y: auto;} /*  f5f5f6    212738  */
/*.sideWrap{height:auto;position:fixed;top:55px;left:0;bottom:0px;border-right:1px solid #ddd;background:#fff !important;z-index:999;overflow-y: auto;}*/
.sideWrap::-webkit-scrollbar{width:5px;}
.sideWrap::-webkit-scrollbar-thumb { background-color: #808080; border-radius: 10px;}
.sideWrap::-webkit-scrollbar-track { background-color: #d4d4d4; border-radius: 10px;}
.sideWrap .lnb{width:190px;text-align:left;}
.sideWrap .lnbDl{padding:30px 25px 0;font-size:15px;}
.sideWrap .lnbDl dt{color:#6e768e;margin-top:20px;}
.sideWrap .lnbDl dd{}
.sideWrap .lnbMenuUl{padding:0;}
.sideWrap .lnbMenuUl > li > a > img{transform: scale(0.8);}

.sideWrap .lnbMenuUl li:nth-child(1) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(2) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(3) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(4) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(5) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(6) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(7) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(8) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li:nth-child(9) a img{width: 20px;height: 20px;}
.sideWrap .lnbMenuUl li a > span{vertical-align:middle;margin-left:7px;}
.sideWrap .lnbMenuUl .hide{display:none;padding:8px 0 15px;background:rgba(0, 0, 0, 0.5)}
.sideWrap .lnbMenuUl .hide .blank{width:65%;margin:5px auto;padding:0 !important;height:2px !important;border-bottom:1px dashed rgba(255, 255, 255, 0.15);}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn{font-size: 14px; padding:8px 0 8px 19px; cursor: pointer;}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn.on{color:#fff !important}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn:before{content:'- ';}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn:hover{background:none;color:#fff;}
.sideWrap .lnbMenuUl li{position:relative;}
.sideWrap .lnbMenuUl li a{color:#d1d1d1;display: block;padding: 15px 0 15px 15px;font-size: 16px;font-weight:300;}
.sideWrap .lnbMenuUl li.on a{color:#3b47ed;}
.sideWrap .lnbMenuUl li.on:before{display:block;position:absolute;top:0;left:-23px;width:5px;height:100%;background:#3b47ed;content:'';}
.sideWrap .lnbMenuUl li a:hover{color:#fff;}
.sideWrap .lnbMenuUl li .lnb_titBtn.open{color:#fff;background:rgba(255,255,255,0.2);}
.sideWrap .lnbMenuUl li .lnb_titBtn.on{color:#fff;background:#0d3eab;position:relative;font-weight:500} /* 4e7af7     linear-gradient(128deg, #4d79f6 0%, #4d79f6 60%, #775be6 90%, #765be6 100%)   */
/*
.sideWrap .lnbMenuUl li .lnb_titBtn.on:before{content: '';display: block;width: 10px; height: 100%;background: #0a4ebc;position: absolute;top: 0;left: 0;}
*/
/* 201029_좌측 메뉴 토글 */
.fixTiggleLnb{position:fixed;bottom:0;left:0;width:190px;height:50px;background:#30343d;z-index:99999999;}
.closeLnb .fixTiggleLnb{width:55px;height:50px;}
.closeLnb .fixTiggleLnb span{display:none;}
.toggleLnb{display:block;height:50px;line-height: 50px;vertical-align:middle;text-align:left;padding-left: 13px;transform:rotate(0deg);}
.toggleLnb.rotateX{transform:rotate(-180deg);}
.toggleLnb span{font-size:13px;color:#9295a0 !important;font-weight:400 !important;}
.toggleLnb img{width: 15px;}
.closeLnb .contents{margin-left:90px !Important;}
.closeLnb .toggleLnb{padding:0 !important;text-align:center !important;line-height:45px !important;}
.closeLnb .sideWrap{height:auto;position:fixed;top:55px;left:0;bottom:0px;background:#fff;z-index:999;overflow: visible !important;}
.closeLnb .sideWrap .lnb{width:55px;text-align:center;}
.closeLnb .sideWrap .lnbMenuUl{padding:0;}
.closeLnb .sideWrap .lnbMenuUl >  li:hover .hide{display:block !important;z-index:999;width:180px;padding:8px 0 15px;position:absolute;top:0;left:55px;background:#fff;box-shadow:5px 10px 10px -5px rgba(0, 0, 0, 0.2);}
.closeLnb .sideWrap .lnbMenuUl .hide{display:none;}
.closeLnb .sideWrap .lnbMenuUl .hide li{text-align:left;}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn{font-size: 12px; padding:8px 0 8px 15px}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn:before{content:'- ';}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn:hover{background:none;color:#0a4ebc;}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn.on{color:#606bef !important}
.closeLnb .sideWrap .lnbMenuUl > li{position:relative;width:55px;height:55px;padding:0 !important;}
.closeLnb .sideWrap .lnbMenuUl >  li >  a{color:#4e4e4e;display: block;width:55px;height:55px;font-size: 14px;padding:0 !important;line-height:52px;}
.closeLnb .sideWrap .lnbMenuUl >  li >  a > img{width:24px;height:24px;}
.closeLnb .sideWrap .lnbMenuUl > li > a >  span{display:none;}
.closeLnb .sideWrap .lnbMenuUl >  li.on >  a{color:#3b47ed;}
/*
.closeLnb .sideWrap .lnbMenuUl >  li .lnb_titBtn.on:before{content: '';display: block;width: 4px; height: 100%;background: #0a4ebc;position: absolute;top: 0;left: 0;}
*/
.closeLnb .sideWrap .lnbMenuUl >  li >  a:hover{color:#0a4ebc;background:#606bef}
/* //201029_좌측 메뉴 토글 */
/* 201029_좌측 메뉴 토글 백업*
.toggleLnb{display:block;width:43px;height:55px;vertical-align:middle;text-align:center;float:left;}
.toggleLnb i{font-size:20px;transform: translateY(4px);}
.closeLnb .contents{margin-left:90px !Important;}
.closeLnb .sideWrap{height:auto;position:fixed;top:55px;left:0;bottom:0px;border-right:1px solid #ddd;background:#fff;z-index:999;overflow: visible !important;}
.closeLnb .sideWrap .lnb{width:55px;text-align:center;}
.closeLnb .sideWrap .lnbMenuUl{padding:0;}
.closeLnb .sideWrap .lnbMenuUl >  li:hover .hide{display:block !important;z-index:999;width:180px;padding:8px 0 15px;position:absolute;top:0;left:56px;background:#fff;box-shadow:5px 10px 10px -5px rgba(0, 0, 0, 0.2);}
.closeLnb .sideWrap .lnbMenuUl .hide{display:none;}
.closeLnb .sideWrap .lnbMenuUl .hide li{text-align:left;}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn{font-size: 12px; padding:8px 0 8px 15px}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn:before{content:'- ';}
.closeLnb .sideWrap .lnbMenuUl .hide li .lnb_subBtn:hover{background:none;color:#0a4ebc;}
.closeLnb .sideWrap .lnbMenuUl > li{position:relative;width:55px;height:55px;padding:0 !important;}
.closeLnb .sideWrap .lnbMenuUl >  li >  a{color:#4e4e4e;display: block;width:55px;height:55px;font-size: 14px;padding:0 !important;line-height:52px;}
.closeLnb .sideWrap .lnbMenuUl >  li >  a > img{width:24px;height:24px;}
.closeLnb .sideWrap .lnbMenuUl > li > a >  span{display:none;}
.closeLnb .sideWrap .lnbMenuUl >  li.on >  a{color:#3b47ed;}
.closeLnb .sideWrap .lnbMenuUl >  li .lnb_titBtn.on:before{content: '';display: block;width: 4px; height: 100%;background: #0a4ebc;position: absolute;top: 0;left: 0;}
.closeLnb .sideWrap .lnbMenuUl >  li >  a:hover{color:#0a4ebc;background:#eef2fe}
/* //201029_좌측 메뉴 토글 */

.ctrMyAside{padding: 5px 0; font-size: 13px;background: #fff; border: 1px solid #000; box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);width: 115px; text-align: center; position: absolute;top: 54px;right: 0px;}
.mainListArea{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.shopListArea{width: 223px;margin: 10px 2% 2% 0;} /* margin: 10px 2% 2% 0; */
.shopListWrap{width: 24%; display: inline-block;background: #065cd1; height: 340px;color: #fff;padding: 15px;margin-right: 1%;;float: left;}
.shopListWrap02{width: 100%; display: inline-block;min-height:375px;max-height: 375px;float: left;border: none !important;border-radius: 10px;box-shadow: 0 2px 12px -6px #818181;}
.shopListWrap03{padding-top: 12px;background: #f9f9f9 !important;}
.shopListWrap03 li{color:#111;}

.shopImgWrap{width: 100%; background: #f9f9f9;overflow:hidden;aspect-ratio: 4/3;border-bottom: 1px solid #eee;}
.shopImgWrap img{width:100%;height: 100%; object-fit: cover;}
.shopLiscate{text-align: center;font-size:12px;color:#2566ce}
.shopListTitle{text-align: center; margin: 15px 0 15px;font-size: 16px; border-bottom: 1px solid #fff;padding-bottom: 25px;font-weight: bold;}
.shopListTitle02{text-align: center; margin: 20px 0 10px;font-size: 15px;font-weight: 500;color:#111111}
.shopListCont{font-size: 12px;line-height: 16px;}
.shopListCont02{text-align: center;font-size: 0.9rem;color:#888888;line-height: 1.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.shopListBtn{font-size: 18px; color: #065cd1; background: #fff; padding: 10px 30px; border-radius: 100px; display: inline-block;position: absolute;bottom: 30px;left: 26%;}
.shopListUl{font-size: 13px;color: #111111;margin-top: 20px;padding: 20px 15px;border-top: 1px solid #e1e1e1;}
.shopListUl:after{clear:both}
.shopListUl li{font-size:15px; padding:8px 0px; font-weight:400;}
.shopListUl li span{float: right;font-weight: 500}
.shopListText{padding:0px 15px;}

.mt80{margin-top:80px}

.applyProcess{border-bottom:1px solid #d7dade;margin-bottom: 26px;padding-bottom: 9px;}
.applyProcess i{ font-size: 13px;text-align: center; display: block;color: #717171;}
.applyProStep{font-size: 12px;color:#5e5e78;text-align:center;padding: 1px 0px;margin: 3.5px 0px;}
.applyProStep.on{color:#191957;font-size:16px;font-weight:bold;background: #fff;}
.shopListWrap03 .applyProStep{font-size: 13px;}
.shopListWrap03 .applyProStep.on{font-size: 16px;padding:6px 0;}
.serviceUseWrap{}
.serviceUseWrap li{width: 32.4%; float: left;background: #f2f5f9; margin-right: 10px;height: 130px;box-shadow:0 7px 16px -11px rgba(0, 0, 0, 0.3)}
.serviceUseWrap li:last-child{margin:0}
.serviceUseImgWrap{display: inline-block;width: 30%;height: 100%;float: left;}
.serviceUseImginnWrap{background: #e5eaf2;width: 70px;height: 70px;border-radius: 100px;margin: 20px auto;overflow:hidden}
.serviceUseImgWrap img{width:100%;}
.serviceUseSub{font-size: 13px;font-weight: bold; color: #a7a7a7;margin: 10px 0px;}
.serviceUseTitle{font-size: 15px; font-weight: bold;margin: 0px 0px 25px 0px;}
.serviceUseBtn{width: 80px; display: inline-block;font-size:13px; text-align: center;background: #065cd1;color: #fff !important;height: 27px; line-height: 27px;border-radius: 5px;float: right;}
.serviceUseBtn:after{content:'';display:block;clear:both;}
.serviceUseRight{display:inline-block;width:69%;height: 100%;padding: 14px 10px 10px 0px;}

.shopSelTable{width: 100%;font-size: 13px;}
.shopSelTable thead{border-top: 3px solid #111111;background: #f5f5f5;}
.shopSelTable tbody{}
.shopSelTable tr{}
.shopSelTable tr th{text-align: center;border-right: 1px solid #ddd;font-size: 15px;height: 60px;line-height: 18px;}
.shopSelTable tr td{text-align: center;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;padding: 12px 0px;font-weight: 400;color:#161659;font-size:14px;}
.shopSelTable .tdBorderNone{border-right:none}
.shopSelTable .shopSelTable01{color:#2d4bf2;font-weight:bold}
.shopSelTable .shopSelTable02{color:#ebbc1a;font-weight:bold}
.shopSelTable .shopSelTable03{color:#41e2d5;font-weight:bold}
.shopSelTable .shopSelTable04{color:#e24a4a;font-weight:bold}

.shopTableType01{width: 100%;font-size: 13px;}
.shopTableType01 thead{border-bottom: 1px solid #ddd;border-top: 3px solid #111;}
.shopTableType01 tbody{}
.shopTableType01 tr{}
.shopTableType01 tr th{text-align: center;padding: 6px 0px;background: #f5f5f5;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;height: 55px;font-size: 15px;word-break: keep-all;line-height: 1.3rem; overflow-wrap: break-word;}
.shopTableType01 tr td{text-align: center !important;font-size:14px !important;line-height:1.3rem;border-bottom: 1px solid #ddd; border-right: 1px solid #ddd;padding: 12px 10px;font-weight: 400;color:#666666;}
.shopTableType01 tr td a{font-size: 14px !important; font-weight: 500;}
.shopTableType01 tr td .tableATitle:hover{text-decoration: underline;color: #2068ce;}
.shopTableType01 .step3Background tr td{background:#efefef;}
.shopTableType01 .iColorCha{}
.shopTableType01 .iColorCha i{color:#d13564;}
.shopTableType01 .iColorCha02{border: 1px solid #d13564;padding: 2px 5px; border-radius: 100px;}
.shopTableType01 .iColorCha02 i{color:#d13564;}
.shopTableType01 .tdBorderNone{border-right:none}
.shopTableType01 .shopSelTable01{color:#2d4bf2;font-weight:bold}
.shopTableType01 .shopSelTable02{color:#ebbc1a;font-weight:bold}
.shopTableType01 .shopSelTable03{color:#41e2d5;font-weight:bold}
.shopTableType01 .shopSelTable04{color:#e24a4a;font-weight:bold}
.shopTableType01 tr th:last-child{border-right:none}
.shopTableType01 tr td:last-child{border-right:none}
.shopTableType01 .borderRNone{}
.shopTableType01 .borderRNone th{border-right:none}
.shopTableType01 .borderRNone td{border-right:none}
.shopTableType01 .tableItemNaming{text-align:left;padding:5px 5px 5px 15px;cursor:pointer}
.shopTableType01 .tableItemNaming li:first-child{font-weight:500;}
.shopTableType01 .tableItemNaming li{margin-bottom: 3px;}
.shopTableType01 .reserveProductName{padding:0;text-align: center;}
/* 201203 추가 영역 */
.shopTableType01 .tableState{font-size: 14px !important;padding: 8px 10px;border-radius: 5px;font-weight:500;display:inline-block;min-width:90px;}
.shopTableType01 .tableState.staType00{background: #67b6c9;color: #fff !important;}/*예약대기*/
.shopTableType01 .tableState.staType01{background: #c157d9;color: #fff !important;}/*예약확정*/
.shopTableType01 .tableState.staType02{background: #6879b5;color: #fff !important;}/*체크아웃*/
.shopTableType01 .tableState.staType03{background: #d13536;color: #fff !important;}/*예약취소*/
.shopTableType01 .tableState.staType04{background: #f7c44f;color: #000 !important;}/*노쇼*/
.shopTableType01 .tableState.staType05{background: #a065c5;color: #fff !important;}/*예약취소대기*/

.shopTableType01 .icoStat{width:auto !important;background:#fff !important;display:inline-block !important;line-height: 18px !important; text-align: center; font-weight: 500; border-radius: 2px;margin-top:4px;font-size:11px;padding:0 2px;}
.shopTableType01 .partPayment{color: #1e45d2;border:1px solid #1e45d2;}	/* 부분결제 */
.shopTableType01 .Payment{color: #0374ff;border:1px solid #0374ff}	/* 결제 */
.shopTableType01 .unpaid{color: #e29c00;border:1px solid #e29c00}	/* 미수금 */
.shopTableType01 .claim{color: #f90000;border:1px solid #f90000}	/* 클레임 */
.shopTableType01 .refund{color: #ff5e00;border:1px solid #ff5e00}	/* 환불*/
.shopTableType01 .cancelCharge{color: #009e5c;border:1px solid #009e5c}	/* 위약금 */
.shopTableType01 .exceed{color: #ca6888;border:1px solid #ca6888}	/* 기한초과 */
/* // 201203 추가 영역 */

.shopTableType01 .tableState02{font-size: 13px !important;padding: 10px 16px;border-radius: 7px;font-weight:700;display:inline-block;}/*min-width없는버전*/
/*.shopTableType01 .tableState02{font-size: 13px !important;padding: 5px 15px !important;border-radius: 30px;font-weight:300 !important;display:inline-block;}!*min-width없는버전*!*/
.shopTableType01 .tableState02.staType01{background: #fdd3d4;color: #d13536 !important;}/*빨간색*/
.shopTableType01 .tableState02.staType02{background: #d2fbf1;color: #22a384 !important;}/*초록색*/
.shopTableType01 .tableState02.staType03{background: #fff5de;color: #b1941f !important;}/*노란색*/
.shopTableType01 .tableState02.staType04{background: #c7d0fe;color: #1e40b2 !important;}/*파란색*/
.shopTableType01 .tablePrice{font-size: 16px; font-weight: 700;color: #2961db;padding-right:5px}
.shopTableType01 .tablePrice02{font-size: 16px; font-weight: 700;color: #d13536;padding-right:5px}
.shopTableType01 .textbold{font-weight:500;color:#111111;}
.shopTableType01 .textbold02{font-weight:bold;}
.shopTableType01 .textbold03{font-weight:bold;color:#e9314e}
.shopTableType01 .BackgroundCheck td{background: #e7efff !important;}
.shopTableType01 .errorBackground td{background: #d2d5da !important;}
.shopTableType01 .errorBtn{background: #fb4e4e; color: #fff;width: 18px; height: 18px; line-height: 18px;border-radius: 100px; margin: 0 auto; font-weight: 900;}
.shopTableType01 .cursorPointer{cursor:pointer}
.recommendBtn{width: 45px; background: #ddd;border-radius: 5px; margin: 0px 2px;display: inline-block; height: 30px; line-height: 33px;letter-spacing: -0.5px;text-align: center;}
.recommendBtn.Type01{background:#ebbc1a; color:#fff; font-weight:600;}
.recommendBtn.Type02{background:#33cabd; color:#fff; font-weight:600;}
.recommendBtn.Type03{background:#e24a4a; color:#fff; font-weight:600;}
.recommendBT01{left: 6%;position: absolute; top: 26%;}
.recommendBT02{left: 36%;position: absolute; top: 26%;}
.recommendBT03{left: 66%;position: absolute; top: 26%;}
.popTabMenu{margin-bottom: 30px;}
.popTabMenu:after{content:'';display:block;clear:both}
.popTabMenu li{cursor:pointer;float:left;height: 35px;line-height: 35px;padding: 0px 13px;color: #b9b9b9;font-weight: 500;}
.popTabMenu li.on{border-bottom:3px solid #2961db; color: #000;}
.popTabMenu li:hover{border-bottom: 3px solid #2961db;}
.shopTableType01 .fontBold{font-weight:700}
.link_textType02{}
.link_textType02:hover{text-decoration: underline;color: #3a7afe;}
.tableScroll{overflow-y: scroll;max-height: 750px;}

.reserveCal{margin-top: 10px;height: 50px;display: block;line-height: 50px;position: relative;}

.reserveBefo{display:block;width:100% !important;height:50px !important;line-height:50px !important;vertical-align: middle !important;padding-left:40px !important;font-size:0.9rem !important;background:#fff !important}
.reserveCal:before{left: 7px; position: absolute; top: 11px;vertical-align: middle;content:''; display:inline-block; width:25px;height:25px;background-size: contain;background: url(/aba/img/common/calender02.png) no-repeat 0 0;}
.reserveCal:after{right: 6px; position: absolute; top: 20px;vertical-align: middle;content:''; display:inline-block; width:25px;height:25px;background: url(/aba/img/common/arrowdown03.png) no-repeat 0 0;background-size: 18px 10px;}
input[type="date"]::-webkit-inner-spin-button,input[type="date"]::-webkit-calendar-picker-indicator {display: none; -webkit-appearance: none;}

.reserveCal02{margin-top: 10px;height: 50px;display: block;line-height: 50px;position: relative;}
.reserveBefo02{display:block;width:100% !important;height:50px !important;line-height:50px !important;vertical-align: middle !important;padding-left:40px !important;font-size:0.9rem !important;background:#fff !important}
.reserveCal02:before{left: 7px; position: absolute; top: 11px;vertical-align: middle;content:''; display:inline-block; width:25px;height:25px;background-size: contain;background: url(/aba/img/common/time02.png) no-repeat 0 0;}
.reserveCal02:after{right: 6px; position: absolute; top: 20px;vertical-align: middle;content:''; display:inline-block; width:25px;height:25px;background: url(/aba/img/common/arrowdown03.png) no-repeat 0 0;background-size: 18px 10px;}

.asideMenuWrap .innHeader{border-bottom:0 !important;}
.commStoreInfo{border-top:1px solid #784ed9;padding:12px 10px;font-weight:600;text-align:left;position:relative;color:#784ed9;}
.commStoreInfo .storeName{font-size:0.95rem;cursor:pointer;color:#000;}
.commStoreInfo .storeName i{font-size:0.5rem;position:relative;top:-1px;color:#f20;margin-right:3px;}
.commStoreInfo .storeBadge{position:absolute;top:7px;font-size:0.8rem;background:#fff;color:#784ed9;padding:5px 6px;border-radius:1000px;border:1.5px solid #784ed9;cursor:pointer;}
.commStoreInfo .storeBadge.tel{right:40px;font-size:0.75rem !important;padding:5px 5px;}
.commStoreInfo .storeBadge.map{right:10px;}

.goShopInfo{z-index:2;position:absolute;top:150px;right:15px;display:inline-block;width:60px;height:60px;padding-top:13px;text-align:center;border-radius:1000px;background:#fff;box-shadow:0 10px 10px -5px rgba(0, 0, 0, 0.5);}
.goShopInfo i{font-size:1.4rem;margin-bottom:3px;}
.goShopInfo span{font-size:10px;font-weight:bold;letter-spacing:-0.05em;}
.reservePop{z-index:10;}
.eventBlock{z-index:10; width: 1040px;
    height: 720px;}

.mapInfo{padding:20px 10px 5px;}
.mapInfo dl{margin-bottom:5px;}
.mapInfo dl:after{display:block;clear:both;content:'';}
.mapInfo dt i{font-size:1.0rem;color:rgba(0,0,0,0.4)}
.mapInfo dt{width:10%;float: left;margin-top: 12px;}
.mapInfo dd{width:90%;float: right;font-size: 0.8rem; line-height: 15px;padding-top:8px;}
.shopDetail{margin-top:10px !important;}
.shopDetail table, .shopDetail img{max-width:100% !important;;}

.friendAddSect{margin:0 auto;padding:8px 15px;border-bottom:1px solid #dedede;}
.friendAddSect .noteTxt{color: #6d66a9;font-size:0.8rem;line-height:17px}
.friendListSect{background:#f5f5f5;padding:20px 15px;height:100%;}

.friendCards{border-radius:10px;margin:0 auto 20px;padding:10px 15px;background:#fff;box-shadow:0 10px 10px -5px rgba(0, 0, 0, 0.1);}
.friendCards .state{text-align:left;padding:5px 0 12px;border-bottom:1px solid #dedede;position:relative;}
.friendCards .state .badge{padding:5px 12px;font-size:12px;font-weight:bold;color:#fff;letter-spacing:-0.05em;border-radius:1000px;}
.friendCards .state .badge.ok{background:#4eb68b;}
.friendCards .state .badge.wait{background:#968be7;}
.friendCards .state .badge.refusal{background:#f55e5e;}
.friendCards .state .del{position:absolute;top:0px;right:-5px;display:block;width:25px;height:25px;text-align:right;font-size:20px;color:#f20;}
.friendCards dl{overflow:hidden;margin:10px auto 0;}
.friendCards dt{width:20%;float:left;height:22px;font-size:11px;font-weight:bold;letter-spacing:-0.05em;}
.friendCards dd{width:30%;float:left;height:22px;font-size:13px;font-weight:400;color:#000;}
.friendCards dd:before{content:': ';}
.friendCards dd.phone{width:80% !important;}
.friendBtns{text-align:center;}
.friendBtns a{display:inline-block;border-radius:1000px;width:45%;padding:0 20px}
.friendBtns a:first-child{margin-right:10px;}

.pointNowSect .btnStyleMin03{height:26px !important;line-height:26px !important;border-radius:1000px;padding:0 15px !Important;position:absolute;}
.pointNowSect .btnStyleMin03:focus{background:#fff !important;border:1px solid #aaa !important;color:#000 !important;}
/*팝업 기본 Btn,Input요소*/
.popInputBasic{border: 1px solid #ababab !important;height: 40px !important;padding: 0 3px;font-size: 13px;}
.popW100{width:100% !important;}
.popW65{width:65% !important;}
.popW33{width:33% !important;}
.popMainBtn{display: inline-block;height: 40px; vertical-align: top; line-height: 40px; text-align: center;border-radius: 5px;}
.popBtnBasic{background: #3a7afe; color: #fff !important;font-size: 13px;font-weight: bold;}
.popBtnBasic:hover{background: #1460fe;}
.popBtnBorder{ color: #2961db !important;font-weight: bold;font-size: 13px; border: 1px solid #2961db !important;}
.popBtnBorder:hover{background: #2961db; color: #fff !important;}
.popBtnRemove{}
.popBtnRemove:hover{}
.popBtnW33{margin-left: 1%;width: 33%;}
.popCenterP{font-size: 14px;text-align: center;margin: 35px auto;color: #383838; line-height: 20px;}
.popCenBoldP{text-align: center; font-size: 16px;font-weight: bold; margin-top: 25px;}
.popBtn{width: 100%; height: 40px;line-height: 40px;text-align: center;background: #3a7afe; display: inline-block;color: #fff !important;font-size: 14px;border-radius: 5px;}
.popTitleP{font-size:18px;margin: 20px 0px 15px;}
.popTitleSpan{font-size:13px;color:#888888;letter-spacing:-0.05em;margin-left: 20px;}
.popTitleSpan02{font-size:13px;margin: 13px 0px 15px;}
.required_notice{
    letter-spacing: -0.05em;
    color: #fb0000;
    display: block;
    padding-bottom: 20px;
    font-weight: 400;
    font-size: 14px;
}
.searchResultList{height: 50px; background:#f1f1f8; margin: 10px auto 5px; cursor:pointer;font-size: 13px;line-height: 50px;letter-spacing:-0.05em;border:1px solid transparent;}
.searchResultList.on{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);} 
.searchResultList span{height:50px;line-height:50px;display:block;float:left;text-align: left;vertical-align:middle;white-space:nowrap;overflow:hidden;word-break:break-all;text-overflow:ellipsis;} 
.searchResultList span:nth-child(1){width: 10%;padding-left:10px;} 
.searchResultList span:nth-child(2){width: 30%;font-size: 12px;} 
.searchResultList span:nth-child(3){width: 34%;text-align:right;}
.searchResultList span:nth-child(4){width: 24%;text-align:right;padding-right:10px;} 
.searchResultList:hover{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);}
.searchResultList02{border-radius: 5px;}
.searchResultList02.on{color:#ffffff;border:none;background:#111;}

/*알림관리 직접선택 팝업 241104*/
#appGetTargetAdd .popMainBtn{
    width: auto;
    padding: 0 14px;
    flex-shrink: 0;
    margin-left: 10px;
    background:#ffffff;
    font-weight: 400;
}
#appGetTargetAdd .popMainBtn:hover{
    background: #2961db;
    color: #fff;
}
#appGetTargetAdd .memberSelectY{
    padding: 0;
}
#appGetTargetAdd .searchResultList02{
    display: flex;
    width: 100%;
    justify-content: space-around;
    box-shadow: none;
}
#appGetTargetAdd .searchResultList02.on{
    background: #2961db;
}
.addProduct_wrap .searchResultList{
    padding: 0 10px;
}
.addProduct_wrap .searchResultList02.on{
    background: #3e74e8;
}
.searchResultList span:nth-child(1){
    width:auto;
    padding:0;
    flex-shrink: 0;
}
.searchResultList span:nth-child(2){
    width:35%;
}
.searchResultList span:nth-child(3){
    width:auto;
}
#appGetTargetAdd .memberSelectPop{
    padding:15px;
}
#appGetTargetAdd .popInputBasic{
    border: 1px solid #ddd;
}
#appSendNewAlarm .popBtnStyle{
    margin: 5px 0;
}
.searchResultListBc{height: 50px; background:#f1f1f8; margin: 10px auto 5px; cursor:pointer;font-size: 13px;line-height: 50px;letter-spacing:-0.05em;border:1px solid transparent;}
.searchResultListBc span{height:50px;line-height:50px;display:block;float:left;text-align: left;vertical-align:middle;white-space:nowrap;overflow:hidden;word-break:break-all;}  
.searchResultListBc span:nth-child(1){width: 30%;padding-left:10px;} 
.searchResultListBc span:nth-child(2){width: 40%;font-size: 12px;text-align:right;}

.searchResultList2{height: 50px; background:#f1f1f8; margin: 10px auto 5px; cursor:pointer;font-size: 13px;line-height: 50px;letter-spacing:-0.05em;border:1px solid transparent;} 
.searchResultList2.on{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);} 
.searchResultList2 span{height:50px;line-height:50px;display:block;float:left;text-align: left;vertical-align:middle;white-space:nowrap;overflow:hidden;word-break:break-all;text-overflow:ellipsis;} 
.searchResultList2 span:nth-child(1){width: 10%;padding-left:10px; text-align : center;} 
.searchResultList2 span:nth-child(2){width: 15%;font-size: 12px; text-align : center;} 
.searchResultList2 span:nth-child(3){width: 15%;text-align : center;}
.searchResultList2 span:nth-child(4){width: 60%;text-align : left;} 
.searchResultList2:hover{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);}

.memSelectList{border:1px solid transparent;height: 50px; background:#f1f1f8; margin: 10px auto 5px; cursor:pointer;font-size: 12.5px;line-height: 50px;padding: 0px;}
.memSelectList.on{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);}
.memSelectList span{display: inline-block;text-align: center;letter-spacing:-0.03em;font-weight:400;vertical-align: top;}
.memSelectList span:nth-child(2){font-weight:bold;}
.memSelectList:hover{border: 1px solid #636363;box-shadow: 0px 5px 7px 0px rgba(103,111,134,.2);}

.gbnCodeWrap{background: #c5c7ff; height: 24px; display: inline-block;line-height: 24px; margin-top: 12px; border-radius: 10px; color: #13167b;}

.shopTableType01 .popBtnStyle{min-width:70px !important;}
.popBtnStyle{display: inline-block;min-width:110px;height:43px;line-height:41px;font-weight: 400;text-align: center;vertical-align: middle;border: 1px solid #ddd; font-size: 15px; border-radius: 5px;}
.popBtnStyle.bd01{color: #ff5c75;border-color: #ff5c75 !important;background:#fff}
.popBtnStyle.bd01:hover{color: #fff;background:#ff5c75 !important;}
.popBtnStyle.bd02{color: #2961db;border-color: #2961db !important;background:#fff}
.popBtnStyle.bd02:hover{color:#fff;background: #2961db !important;}
.popBtnStyle.bd03{color: #1e2139;border-color: #1e2139 !important;background:#fff}
.popBtnStyle.bd03:hover{color:#fff; background:#343a40 !important;}
.popBtnStyle.bd04{color: #111111;border-color: #cccccc !important; background: #ffffff;font-weight: 500;}
.popBtnStyle.bd04:hover{color:#fff; background:#111111 !important;}
.popSearchBtn{width: 34px;height: 34px; border: 1px solid #888888; border-radius: 5px;background: #fff;}
.popSearchBtn img{width:64%}
.popBtnSelect{background: #fff; border: 1px solid #2068ce;color: #2068ce !important; padding: 7px 13px;height: 43px;font-size: 14px; border-radius: 5px;vertical-align: middle;font-weight:normal !important;}
.popBtnSelect02{background: #fff; border: 1px solid #ff5c75;color: #ff5c75; padding: 7px 13px;font-size: 14px; border-radius: 5px;vertical-align: initial;font-weight:normal !important;}
.popBtnSelect03{background: #fff; border: 1px solid #000;color: #000; padding: 7px 13px;font-size: 14px; border-radius: 5px;vertical-align: initial;font-weight:normal !important;}
.popBtnSwitchSms{border: 1px solid #dedede;color:#000;font-size: 14px;font-weight: 400 !important; padding: 6px 15px 6px; border-radius: 5px;vertical-align:middle;}
.popBtnSelect:hover{background: #2961db;color:#ffffff !important;}
/*팝업 기본 Btn,Input요소*/

/*팝업 Table*/
.writeTable{width:100%;border-top: 3px solid #111 !important;margin:0 auto;}/*border-top:1px solid #666 !important;*/
.writeTable caption{display:none;}
.writeTable thead th{background:#f1f1f1;color:#000;padding:5px 0;font-weight:bold;font-size:0.9rem;line-height:1.5;white-space:normal;text-align:center;border:1px solid #dedede;}
.writeTable tbody tr:first-child th, .writeTable tbody tr:first-child td{border-top:1px solid #bdbdbd !important;}
.writeTable tbody th{word-break: keep-all;height:60px;background:#f5f5f5;color:#000;padding:0 0 0 5px;font-weight:normal;font-size:15px;line-height:1.3;white-space:normal;text-align:left;border:1px solid #dedede;}
.writeTable tbody td{background:#fff !important;height:48px;padding:0 8px;font-weight:normal;font-size:0.9rem;line-height:1.5;white-space:normal;text-align:left;border:1px solid #dedede;}
.writeTable tbody td a{font-weight:normal;}
.writeTable tbody td a:hover{color:#06f;}
.writeTable input[type=radio], .writeTable input[type=checkbox]{font-size:12px;}
.writeTable .popTableP{font-size:13px;}
.writeTable .popTablep02{font-size: 15px;font-weight: 700; color: #3a7afe;}
.wtplusBtn{outline: none;border: none;width: 20px;height: 20px; overflow: hidden;margin-left: 45px;display: inline-block;}
.wtplusBtn img{width:100%;height:100%}
.writeTable .writeTablePrice{font-size: 15px;font-weight: 600;}
.writeTable .writeTablePrice02{font-size: 15px;font-weight: 600;color:#e9314e !important}
.writeInputPrice{font-size: 18px !important;font-weight: bold !important; color: #e9314e !important;}
.writeItemDl dt{font-size: 13px; font-weight: 600; color: #2961db;}
.writeItemDl dd{font-size: 12px;}
.writeTable .textbold{font-weight:bold;color:#2961db}
.writeTable .textbold02{font-weight:bold;}
.writeTable .textbold03{font-weight:bold;color:#ff5c75}
.writeTable .coupon{color: #fff !important; background: #143cad; padding: 1px 6px; border-radius: 100px;display: inline-block; margin-right: 5px; font-weight: 300;font-size: 12px;}
.writeTable .addItem{color: #fff !important; background: #143cad; padding: 1px 6px; border-radius: 100px;display: inline-block; margin-right: 5px; font-weight: 300;font-size: 12px;}
.writeTable textarea{margin:8px 0;}
.writeTable .readOnlyTd{background: #f5f5f5 !important;}
/*팝업 Table*/


.areaTitle{text-align:left;font-size:15px;font-weight:500;margin-bottom:10px;}
.areaTitle:before{content:'· ';}
.areaInWrap{min-height:81vh;background:#fff;padding: 20px;border: 1px solid #ddd;border-radius:8px;}
.areaInWrap2{background:#fff;padding: 20px;border: 1px solid #ddd;border-radius:8px;}
.noticeTxt{font-size:12.5px;color:#f40;font-weight:500;padding:3px 0;text-align:left;letter-spacing:-0.05em;}

.areaTitle2{text-align:left;font-size:15px;font-weight:500;margin-bottom:10px;}

.commendCodeList{margin-top:20px;height:675px;overflow-y:auto;overflow-x:hidden;}
.commendCodeList:after{display:block;clear:both;content:'';}
.commendCodeList dt{width:43%;float:left;height:30px;font-size:12px;font-weight:500;letter-spacing:-0.05em;}
.commendCodeList dd{width:57%;float:left;height:30px;}
.commendCodeList dd a{font-size:12px !important;font-weight:500;letter-spacing:-0.05em;}

/*관리자 기본 Btn*/
.adminSelectBasic{border: 1px solid #c5c5c5 !important;height: 35px !important;line-height: 35px;padding: 0 3px !important;font-size: 13px !important;color: #686975 !important; font-weight: 500 !important;}
.adminInputBasic{border: 1px solid #c5c5c5!important;height: 35px !important;line-height: 35px !important;padding: 0 3px !important;font-size: 13px !important;}
.adminBasicWbBtn{min-width:110px;height: 43px; padding: 0px 9px;text-align: center;font-size: 14px;background: #fff;border: 1px solid #2068ce; border-radius: 5px;color: #2068ce !important;font-weight: 400;display: inline-block;line-height: 41px;cursor:pointer;margin-left: 5px;}
.adminBasicWbBtn:hover{background: #2068ce;color: #fff !important;}
.adminBasicBbBtn{height: 43px;line-height:41px; padding: 0px 17px;text-align: center;font-size: 14px;border:1px solid #2068ce;background: #fff; border-radius: 5px;color: #2068ce !important;font-weight: 400;display: inline-block;cursor:pointer;margin-left: 5px;}
.adminBasicBbBtn:hover{background: #2961db;color: #ffffff !important; border: 1px solid #2961db;}
/*관리자 기본 Btn*/

.sortableUl{padding: 0px 5px;margin-top:5px;}
.sortableUl li{height: 50px; background: #f5f5f5; margin-bottom: 10px;line-height: 50px;padding: 0px 15px;cursor:pointer} /*기존 background: #f1f1f8; */
.sortableUl li:hover{}
.sortableUl li i{margin-right:10px;color:#686868}
.sortableUl li.on{background:#ebebff}
.sortableUl .sortableOption{display: flex;align-items: center;justify-content: space-between;border-radius: 5px;}
.sortableUl .sortableOption .optionDel{position: relative;top: -3px;right: -3px;}
.paddingAdd .optionList{width:32%;}
.sortableUl::-webkit-scrollbar {
    display: none;
}
 .sortableUlModal::-webkit-scrollbar{
    display: block;
    width: 5px;
    background: #ffffff;
    border-radius: 18px;
}
.sortableUlModal::-webkit-scrollbar-thumb {
    color: #111;
    width: 5px;
    background-color: #0a4ebc;
    border-radius: 18px;
}
.appCateAdminStyle{background: #ffffff;}
.appCateAdminStyle .sortableUl li{display: flex;justify-content: space-between;align-items: center;}
.appCateAdminStyle .sortableUl li input{margin-right: 10px;background: #ffffff;}
.appCateAdminStyle .sortableUl .selected{border: 1px solid #2961db;}
.appCateAdminStyle .sortableUl .selected .choiceItem{animation: arrowRight 0.7s linear infinite;position: relative;}

.tableBorderWrap{border: 1px solid #ddd;padding: 15px;border-radius: 10px;margin-bottom: 30px;background:#fff;box-shadow:0 8px 8px -5px rgba(0, 0, 0, 0.1)}
.tbodyBorderBottom{}
.tbodyBorderBottom tr{}
.theadBorderBottom tr th{ border: none;border-bottom: 1px solid #ddd;padding: 17px 0px;}
.tbodyBorderBottom tr td{ border: none;border-bottom: 1px solid #ddd;padding: 17px 0px;}
.tbodyBorderBottom .newAddItem td{background:#defaff !important;}

.w25p{width: 25% !important;}
.w75p{width: 74% !important;}
.w85p{width: 85% !important;}
.w95p{width: 95% !important;}
.pd5{padding: 5px !important;}

.checkBoxWrap{border: 1px solid #ddd;display: inline-block;margin-left:5px ;height: 35px; vertical-align: middle; line-height: 35px;padding: 0px 7px; border-radius: 3px;}
.pointBtn{border: 1px solid #2068ce;padding: 2px 5px 5px 5px; border-radius: 5px;margin-left: 5px;}
.pointBtn img{width:17px}
.selectMember{}
.selectMember:after{display:block;clear:both;content:'';}
.selectMember li{width:33%; display:inline-block;margin: 10px 0px;position:relative;float:left;}
.selectMember .itemName{font-weight:700;display:inline-block;width:90%;text-align:left;font-size:14px;padding-left:13px;letter-spacing:-0.05em;}
.selectMember .cancel{padding: 10px 13px;position:absolute;top:50%;right:2%;transform:translateY(-50%);}
.selectMember .cancel img{width: 12px;}
.memberSelectPop{width:45%; display: inline-block;border: 1px solid #ddd; padding: 15px 5px; border-radius: 5px;}
.memberSelectPop02{width:9%; display: inline-block;}
.memberSelectY{height: 440px; padding: 5px;overflow-x: hidden;overflow-y: auto !important;margin-top:15px}
.arrowWrap{display: block; width: 40px;height: 40px; border: 1px solid #ddd;border-radius: 5px;margin: 0 auto;text-align: center;}
.arrowWrap i{font-size: 30px;line-height: 40px;}
.arrowWrap.type01{border-color: #25c2e3 !important}
.arrowWrap.type02{border-color: #ff5c75 !important;}

.recommendListBtn{font-size: 13px;border: 1px solid #ddd;height: 35px; display: inline-block; vertical-align: top;line-height: 35px; padding: 0px 8px; border-radius: 3px;}
.recommendListBtn span{background: #ddd; margin-left: 5px;padding: 2px 5px;border-radius: 5px; color: #fff;font-weight: 600;}
.recommendListBtn .type01{background:#2d4bf2 !important;}
.recommendListBtn .type02{background:#ebbc1a !important;}
.recommendListBtn .type03{background:#41e2d5 !important;}
.recommendListBtn .type04{background:#e24a4a !important;}

.memberStep01 .type{font-weight: 600;color: #ebbc1a;position: relative;padding-left:25px;}
.memberStep01 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #ecbc1a; border-radius: 100px;top: 4px;left: 10px;}
.memberStep02{padding-left: 37px !important;;position: relative;}
.memberStep02:before{content:'┗';display:block;position:absolute;top: 18px;left: 19px;color: #6d6d6d;}
.memberStep02 .type{font-weight: 600;color: #41e2d5;}
.memberStep02 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #41e2d5; border-radius: 100px;top: 20px;left: 35px;}
.memberStep03{padding-left: 0px !important;;position: relative;}
.memberStep03:before{content:'┗';display:block;position:absolute;top: 18px;left: 30px;color: #6d6d6d;}
.memberStep03 .type{font-weight: 600;color: #e24a4a;position: relative;}
.memberStep03 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #e24a4a; border-radius: 100px;top: -5px;left: 8px;}

.memberStepPage01 .type{font-weight: 600;color: #ebbc1a;position: relative;padding-left:25px;}
.memberStepPage01 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #ecbc1a; border-radius: 100px;top: 4px;left: 10px;}
.memberStepPage02{padding-left: 37px !important;;position: relative;}
.memberStepPage02:before{content:'┗';display:block;position:absolute;top: 18px;left: 10px;color: #6d6d6d;}
.memberStepPage02 .type{font-weight: 600;color: #41e2d5;}
.memberStepPage02 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #41e2d5; border-radius: 100px;top: 20px;left: 24px;}
.memberStepPage03{padding-left: 0px !important;;position: relative;}
.memberStepPage03:before{content:'┗';display:block;position:absolute;top: 18px;left: 20px;color: #6d6d6d;}
.memberStepPage03 .type{font-weight: 600;color: #e24a4a;position: relative;}
.memberStepPage03 .type:after{content:'';display:block;position:absolute;width: 12px; height: 12px;background: #e24a4a; border-radius: 100px;top: -5px;left: 35px;}


.storageBoxWrap{border:1px solid #dedede;}
.storageBox{overflow:hidden;border-bottom:1px solid #eee;}
.storageBox:hover{background:#f5f5f5}
.storageBox:last-child{border-bottom:0;}
.storageBox dt{width:70%;float:left;height:45px;line-height:45px;font-size:13px;color:#000;text-align:left;position:relative;cursor:pointer;}
.storageBox dt .handle{font-size:13px;display:inline-block;width:30px;text-align:center;vertical-align:middle;position:relative;}
/*
.storageBox dt i{font-size:18px;color:#596cd3 !important;display:inline-block;width:30px;text-align:center;vertical-align:middle;position:relative;}
*/
.storageBox dd{width:30%;float:right;height:45px;line-height:45px;text-align:right;padding-right:10px;}
.storageBox .count{background:#ffbb44;padding:3px 5px;text-align:right;font-size:11px;font-weight:bold;color:#fff;border-radius:1000px;margin-left:10px;line-height:1 !important;position:absolute;top:50%;right:5px;transform:translateY(-50%)}
.storageBox .setBtns{position:absolute;top:12px;right:10px;background:#ffbb44;padding:3px 5px;text-align:right;font-size:11px;font-weight:bold;color:#fff;border-radius:1000px;}
.storageBox#addBox{border:1px solid #dedede;border-bottom:0;background:#f5f5f5}
.btnMinNormal {line-height:1 !important;display: inline-block;padding: 5px 10px;color: #333;border: 1px solid #aaa;vertical-align:middle;border-radius:4px;font-size:12px;background:#fff;border-radius:4px;text-align:center;}
.btnMinConfirm {line-height:1 !important;display: inline-block;padding: 5px 10px;color: #2d81fb !important;border: 1px solid #2d81fb;vertical-align:middle;border-radius:4px;font-size:12px;background:#fff;border-radius:4px;text-align:center;}
.btnMinConfirmCr {line-height:1 !important;display: inline-block;padding: 5px 10px;color: #fff !important;border: 1px solid #6d60b0;vertical-align:middle;border-radius:4px;font-size:12px;background:#6d60b0;border-radius:4px;text-align:center;}
.btnConfirm {display: inline-block;padding: 7px 15px 6px;color: #2d81fb;border: 1px solid #2d81fb;vertical-align:middle;background:#fff;border-radius:4px;text-align:center;}


.reseveTableDataNone{ min-height: 650px; text-align: center; font-weight: 600; font-size: 20px;}
.reseveTableDataNone img{display: block; text-align: center; margin: 0 auto; width: 26%; padding-top: 6%;}
.reseveTableDataNone span{margin-top: 7%;display: inline-block;}


.promotionTxt{width: 75%; display: inline-block; float: left;}
.promotionOn{width: 20%;display: inline-block; float: right;}

.promotionWrap{width: 100%;border: 1px solid #eee;line-height:1;padding: 8px 0px;border-radius: 5px;margin-bottom: 20px;cursor:pointer;background:#f9f9f9;}
.promotionWrap:after{content:'';clear:both;display:block;}
.promotionWrap:hover{border-color:#000}
.promotionWrap.on{border-color: #6992ff; background: #edf2ff;}
.promotionWrap > div{text-align: left;float:left;}
.promotionWrap .bold{font-weight:bold}
.promotionWrap .wrap01{width: 8%;height:38px;line-height:38px;text-align:center;font-weight: 600;}
.promotionWrap .wrap02{width: 44%;height:38px;line-height:38px;}
.promotionWrap .wrap03{width: 22%;height:38px;line-height:38px;}
.promotionWrap .wrap04{width: 20%;height:38px;line-height:38px;}
.promotionWrap .wrap05{width: 5%;text-align:center;height:38px;line-height:38px;}
#appPromotion select{background:#f9f9f9;border:1px solid #eee;}
/* 201204 환불처리 팝업 추가 */
.itemInfoPrice{}
.itemInfoPrice:after{display:block;clear:both;content:'';}
.itemInfoPrice dt{width:70%;height:34px;line-height:32px;;float:left;text-align:left;padding:5px;font-size:13px;font-weight:400;}
.itemInfoPrice dd{width:30%;height:34px;line-height:32px;float:left;text-align:right;padding:5px;font-size:11px;font-weight:400;}
/* //201204 환불처리 팝업 추가 */

/*20210316 알리자 브랜드 개설 css 추가*/
.editorDiv02{background:#fff;border:1px solid #ddd;border-radius:5px; min-height:450px; padding: 10px; color: #666;overflow-y: scroll;max-height: 450px;}
.editorDiv02 img, .editorDiv table{max-width:100% !important;}
.btnSHT{background: #3a7afe; border-radius: 100px; padding: 10px 15px; color: #fff !important; cursor:point;}
.headerResBtn02{height: 32px;font-size: 11px;border-radius: 6px;color: #2068ce; margin-right: 15px;font-weight: bold;width: 125px;line-height: 32px;float:left}
.headerResBtn02 li{width:50%;position: relative;float:left;cursor: pointer;text-align:center;padding:0 5px 0 10px;box-sizing:border-box;}
.headerResBtn02 li:after{display:block;content:'';clear:both;}
.headerNotiCoun02{color: #fff;background: #e82626; padding: 3px 5px;top: 0px;right: 1px;position: absolute;border-radius: 100px;line-height:15px;}
.safUlList{}
.safUlList:after{clear:both; content:'';display:block}
.safUlList li{float: left;background: #d4d4d4;width: 20%;position:relative;text-align: center;line-height: 40px; border-radius: 100px; color: #3f3f3f;}
.safUlList li.on{background: #3a7afe;color: #fff;}
.safUlList .andoright{width: 6%;background: transparent;color: #775be6;font-size: 19px;}
.loginPopInfo{width: 100%; height: 55px; border: 1px solid #4d79f6;  background: #fff; border-radius: 10px; line-height: 55px; text-align: center; font-size: 15px;}
.loginPopInfo a{color:#4d79f6; text-decoration: revert;font-weight: 700;}
.sopWrap{background: #f2f2f2;padding: 20px;position:relative;}
.sopWrap .sopWrapbadge01{font-size: 15px; background: #3bc0d6; color: #fff; padding: 2px 10px; border-radius: 100px; margin-right: 10px;}
.sopWrap .sopWrapbadge02{font-size: 15px; background: #ff757b; color: #fff; padding: 2px 10px; border-radius: 100px; margin-right: 10px;}
.sopWrap .p01{font-size: 20px; margin-bottom: 15px;}
.sopWrap .p02{}
.sopWrap a{position: absolute; top: 50%;right: 25px; transform: translateY(-50%);background: #fff; color: #3a7afe;padding: 15px 19px;  border: 1px solid #3a7afe;}
.pINoti01{font-size: 25px; margin: 10px 0px 25px;}
.pINoti02{line-height: 20px;font-size: 16px;}
.pINoti02 span{color:#4d79f6;font-weight: 700;}
.pINoti03{margin: 15px 0px 30px;}
.pINoti04{font-size: 14px; color: #969696;}

/*//20210316 알리자 브랜드 개설 css 추가*/

.trBorBotGoods{border-bottom: 2px solid rgb(184, 184, 184);}
.productOptionB .trBorBotGoods{border:none;}
.productOptionB .shopTableType01 tr td{border:1px solid #eee;}
.timepicker_wrap{width:205px;}
.time, .mins, .meridian{margin: 0 !important}
.timepicker_wrap .prev, .timepicker_wrap .next{padding:12px 17px !important;position: relative;overflow: hidden;}
.timepicker_wrap .prev:after{content: '\f106'; font-family: 'FontAwesome'; font-size: 20px; text-align: center; color: #fff; background-color: #5063be; display: block;  width: 100%;height: 100%; position: absolute; top: 0;left: 0;line-height: normal;}
.timepicker_wrap .next:after{content: '\f107'; font-family: 'FontAwesome'; font-size: 20px; text-align: center; color: #fff; background-color: #5063be; display: block;  width: 100%;height: 100%; position: absolute; top: 0;left: 0;line-height: normal;}


/* 샵관리자 테이블 제품 추가로 인한 추가 css */
#appProductManageDetail .new_addProduct td, #appProductManageCreate .new_addProduct td{

}
#appProductManageDetail .new_addProduct td table, #appProductManageCreate .new_addProduct td table{
    width:100%;
}
#appProductManageDetail .new_addProduct td table tr, #appProductManageCreate .new_addProduct td table tr{
    padding:8px;
}
#appProductManageDetail .new_addProduct td table tr th, #appProductManageCreate .new_addProduct td table tr th{
    background:none;
    text-align: center;
    width:auto;
    border:none;
    border-top: none !important;
    height: 60px;
    border-bottom: 1px solid #ddd;
}
#appProductManageDetail .new_addProduct td table tr td, #appProductManageCreate .new_addProduct td table tr td{
    border:none;
    border-top:none !important;
    background:none !important;
    padding: 15px;
}
#appProductManageDetail .new_addProduct td table tbody tr:hover,#appProductManageCreate .new_addProduct td table tbody tr:hover{
    background:#f9f9f9;
    cursor: pointer;
}
.new_addProduct td table tbody tr td input{
    background:#fff;
    border:1px solid #eee;
    text-align: center;
}
.new_addProduct td table tbody tr td input[type=text]:hover{
    cursor: pointer;
    background: #fff !important;
    border:1px solid #eee !important;
    box-shadow:none;
}
#appProductManageDetail .new_addProduct td table tr td input, #appProductManageCreate .new_addProduct td table tr td input{
    width:100%;
}
.classification_btn{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.classification_btn a{
    width:46%;
    border-radius: 4px;
    display: block;
    height:43px;
    line-height: 43px;
    text-align: center;
    cursor: pointer;
}
.classification_btn .modify{
    border: 1px solid #ddd;
    background:#ffffff;
}
.classification_btn .modify:hover{
    background: #111;
    border: 1px solid #111;
    color:#fff;
}
.classification_btn .del{
    border: 1px solid #ff5c75 ;
    color:#ff5c75;
}
.classification_btn .del:hover{
    background:#ff5c75;
    color:#fff;
}
#appProductManageDetail .new_addProduct td table tbody tr.trSelect,#appProductManageCreate .new_addProduct td table tbody .new_addProduct_default:hover{
    background:#fff;
    cursor: default !important;
}
#appProductManageDetail .new_addProduct td table tbody tr.trSelect,#appProductManageCreate .new_addProduct td table tbody tr.trSelect{
    background: #d0e9ff ;
}
.new_addProduct_default:hover td span{
    cursor: text !important;
}
#appProductManageDetail .paddingAdd .optionList,#appProductManageCreate .paddingAdd .optionList{
    width:12.65%;
}

/*근무정보*/
.workStoreCancel .cancel{
    position: absolute;
    top: 50%;
    right: 2%;
    transform: translateY(-48%);
    height: 25px;
    background: #eee;
    width: 25px;
    border-radius: 50%;
}
.workStoreCancel .cancel img{
    width: 40%;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    vertical-align: top;
}
.memberCountBtn{
    position: relative;
    padding-right: 40px;
}
.memberCountBtn span{
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    margin: 0;
    line-height: 25px;
    width: 26px;
    height: 26px;
    font-size: 12px;
}
.memberCountBtn:hover span{
    background: #fff;
    color:#2961db;
}
/* ==========================================================================
   3. 애니메이션 및 이펙트
   ========================================================================== */

/*우측으로 왔다갔다 애니메이션*/
@keyframes arrowRight {
    0%{left:0px;}
    50%{left:5px;}
    100%{left:0px;}
}

.tracking-in-expand{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) both}
.tracking-in-expand2{-webkit-animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both;animation:tracking-in-expand .7s cubic-bezier(.645,.045,.355,1.000) 0.2s both}
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}


.fade-in{-webkit-animation:fade-in 1.2s ease-in 0.8s both;animation:fade-in 1.2s ease-in 0.8s both}
@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}

.wobble-hor-bottom{-webkit-animation:wobble-hor-bottom .8s 1.5s both;animation:wobble-hor-bottom .8s 1.5s both}
@-webkit-keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}@keyframes wobble-hor-bottom{0%,100%{-webkit-transform:translateX(0);transform:translateX(0);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}15%{-webkit-transform:translateX(-30px) rotate(-6deg);transform:translateX(-30px) rotate(-6deg)}30%{-webkit-transform:translateX(15px) rotate(6deg);transform:translateX(15px) rotate(6deg)}45%{-webkit-transform:translateX(-15px) rotate(-3.6deg);transform:translateX(-15px) rotate(-3.6deg)}60%{-webkit-transform:translateX(9px) rotate(2.4deg);transform:translateX(9px) rotate(2.4deg)}75%{-webkit-transform:translateX(-6px) rotate(-1.2deg);transform:translateX(-6px) rotate(-1.2deg)}}


/* 마우스 오버시 로테이트 애니메이션 // 마우스오버시 addClass rotate-center 처리, 아웃시 removeClass */
.rotate-center{animation:rotate-center .3s ease-in-out forwards}
.rotate-center-reverse{animation:rotate-center-reverse .3s ease-in-out forwards}
@keyframes rotate-center{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rotate-center-reverse{0%{transform:rotate(360deg)}100%{transform:rotate(0)}}

/* 마우스 오버시 우측이동 애니메이션   // 마우스오버시 addClass rotate-right 처리, 아웃시 removeClass*/
.slide-right{animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) forwards}
.slide-right-reverse{animation:slide-right-reverse .5s cubic-bezier(.25,.46,.45,.94) forwards}
@keyframes slide-right{0%{transform:translateX(0)}100%{transform:translateX(20px)}}
@keyframes slide-right-reverse{0%{transform:translateX(20px)}100%{transform:translateX(0)}}


/* 마우스 오버시 스케일업 */
.scale-up-center {-webkit-animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;}
@-webkit-keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}
@keyframes scale-up-center {0% {-webkit-transform: scale(0.5);transform: scale(0.5);}100% {-webkit-transform: scale(1);transform: scale(1);}}

/* 마우스 오버시 젤로효과 */
.jello-horizontal{animation:jello-horizontal .5s forwards}
@keyframes jello-horizontal{0%{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}100%{transform:scale3d(1,1,1)}}

/* 마우스 오버시 바운스효과 */
.bounce-bottom{animation:bounce-bottom .9s forwards}
@keyframes bounce-bottom{0%{transform:translateY(45px);animation-timing-function:ease-in;opacity:1}24%{opacity:1}40%{transform:translateY(24px);animation-timing-function:ease-in}65%{transform:translateY(12px);animation-timing-function:ease-in}82%{transform:translateY(6px);animation-timing-function:ease-in}93%{transform:translateY(4px);animation-timing-function:ease-in}25%,55%,75%,87%{transform:translateY(0);animation-timing-function:ease-out}100%{transform:translateY(0);animation-timing-function:ease-out;opacity:1}}

/* 마우스 오버시 펄스 */
.pulsate-bck{animation:pulsate-bck .5s ease-in-out infinite forwards}
@keyframes pulsate-bck{0%{transform:scale(1)}50%{transform:scale(.9)}100%{transform:scale(1)}}

.heartbeat{animation:heartbeat 1.5s ease-in-out infinite forwards}
@keyframes heartbeat{from{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}

.rotate-scale-down{animation:rotate-scale-down .55s linear forwards}
@keyframes rotate-scale-down{0%{transform:scale(1) rotateZ(0)}50%{transform:scale(.5) rotateZ(180deg)}100%{transform:scale(1) rotateZ(360deg)}}

.rotate-vert-center{animation:rotate-vert-center .3s cubic-bezier(.455,.03,.515,.955) both}
@keyframes rotate-vert-center{0%{transform:rotateY(0)}100%{transform:rotateY(360deg)}}

.tracking-in-expand-fwd{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.215,.61,.355,1.000) both}
@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}100%{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}

/* 테스트용_마우스 오버시 오른쪽에서 왼쪽으로 배경색 슬라이드 // 적용시 기존 영역 안에 span 으로 추가하여 class 삽입*/
.slide-test{position:relative;z-index:2;}
.slide-test:after{content: '';position: absolute;background:rgba(255,255,255,0.1);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;}
.slide-test:hover:after{width: 100%;}

.slide-test2{position:relative;z-index:2;}
.slide-test2:after{content: '';position: absolute;background:rgba(96,139,238,0.2);width: 0;height: 100%;right: 0;top: 0;transition: width 0.3s ease;z-index:-1;border-radius:1000px;}
.slide-test2:hover:after{width: 100%;}

/* 190517_그라디언트 코너 */
.roundGradientBorder{border: double 4px transparent;border-radius: 80px;background-image: linear-gradient(white, white), radial-gradient(circle at top left, #f00,#3020ff);background-origin: border-box;background-clip: content-box, border-box;}

/* 버튼 클릭시 클릭 효과부여 // 적용시 기존 버튼 class 에 rippleripple 만 추가 */
.rippleripple {position: relative;-webkit-transition-duration: 0.4s; /* Safari */transition-duration: 0.4s;text-decoration: none;overflow: hidden;cursor: pointer;}
.rippleripple:after {content: "";background:rgba(255,255,255,0.3);display: block;position: absolute;padding-top: 300%;padding-left: 350%;margin-left: -20px !important;margin-top: -120%;opacity: 0;transition: all 0.8s}
.rippleripple:active:after {padding: 0;margin: 0;opacity: 1;transition: 0s}
.btn-active {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
    background-color: #f0f0f0; /* Slight background change */
}



/* 라인박스버튼 애니메이션추가 */
/* 사용 예)   // lineBoxBtn 안의 스타일은 변경 가능 // 마우스 오버시 사방형 라인생성 애니메이션
<a href="#" class="lineBoxBtn">
    애니메이션 버튼입니다.
    <span class="t"></span>
    <span class="r"></span>
    <span class="b"></span>
    <span class="l"></span>
</a>
*/
.lineBoxBtn{position:relative;padding:20px 50px;display:inline-block;} 
.lineBoxBtn span.t { position:absolute; display:block; width:0; height:5px; top:0; left:0;background: rgb(0,134,244);background: -moz-linear-gradient(left,  rgb(0,134,244) 0%, rgb(25,170,106) 100%);background: -webkit-linear-gradient(left,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);background: linear-gradient(to right,  rgb(0,134,244) 0%,rgb(25,170,106) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0086f4', endColorstr='#19aa6a',GradientType=1 );}
.lineBoxBtn span.r { position:absolute; display:block; width:5px; height:0; top:0; right:0;background: rgb(25,170,106);background: -moz-linear-gradient(top,  rgb(25,170,106) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(top,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);background: linear-gradient(to bottom,  rgb(25,170,106) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19aa6a', endColorstr='#fa9c47',GradientType=0 );}
.lineBoxBtn span.b { position:absolute; display:block; width:0; height:5px; bottom:0; right:0;background: rgb(206,70,137);background: -moz-linear-gradient(left,  rgb(206,70,137) 0%, rgb(250,156,71) 100%);background: -webkit-linear-gradient(left,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);background: linear-gradient(to right,  rgb(206,70,137) 0%,rgb(250,156,71) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce4689', endColorstr='#fa9c47',GradientType=1 );}
.lineBoxBtn span.l { position:absolute; display:block; width:5px; height:0; bottom:0; left:0;background: rgb(4,133,243);background: -moz-linear-gradient(top,  rgb(4,133,243) 0%, rgb(206,70,137) 100%);background: -webkit-linear-gradient(top,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);background: linear-gradient(to bottom,  rgb(4,133,243) 0%,rgb(206,70,137) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0485f3', endColorstr='#ce4689',GradientType=0 );}
.lineBoxBtn:hover > span.t, .lineBoxBtn:focus > span.t { width:0; height:5px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:5px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:5px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:5px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

.lineBoxWhtBtn{position:relative;display:inline-block;z-index:5} 
.lineBoxWhtBtn span.t { position:absolute; display:block; width:0; height:2px; top:0; left:0;background: #fff;z-index:5}
.lineBoxWhtBtn span.r { position:absolute; display:block; width:2px; height:0; top:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.b { position:absolute; display:block; width:0; height:2px; bottom:0; right:0;background:#fff;z-index:5}
.lineBoxWhtBtn span.l { position:absolute; display:block; width:2px; height:0; bottom:0; left:0;background:#fff;z-index:5}
.lineBoxWhtBtn:hover > span.t, .lineBoxWhtBtn:focus > span.t { width:0; height:2px;animation-name: span-t;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-t {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.r, .lineBoxBtn:focus > span.r { width:2px; height:0;animation-name: span-r;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-r {0% { height:0;}100% { height:100%;}}
.lineBoxWhtBtn:hover > span.b, .lineBoxBtn:focus > span.b {width:0; height:2px;animation-name: span-b;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-b {0% { width:0;}100% { width:100%;}}
.lineBoxWhtBtn:hover > span.l, .lineBoxBtn:focus > span.l { width:2px; height:0;animation-name: span-l;animation-duration: 0.3s;animation-timing-function: ease;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}
@keyframes span-l {0% { height:0;}100% { height:100%;}}

/* 포인트강조 */
/* 시선집중 시키고 싶은 영역에 적용, 우측 상단에 반짝이는 붉은점 생성
    <div class="notifyAction"><span class="ani_heartbit"></span><span class="notiPoint"></span></div> 형식으로 사용
*/
.notifyAction {position: relative;right: -8px;top: -10px;}
.notifyAction .ani_heartbit {animation-name: ani_heartbit;animation-duration: 1s;animation-timing-function: ease-out;animation-iteration-count:infinite;animation-delay: 0s;-webkit-animation-fill-mode: both;animation-fill-mode: both;
border: 5px solid #f00000;border-radius: 70px;height: 25px;position: absolute;right: -4px;top: -20px;width: 25px;   z-index: 10;}
.notifyAction .notiPoint {background-color: #f00000;border-radius: 1000px;height: 5px;position: absolute;   right: 6px;top: -10px;width: 5px;}
@keyframes ani_heartbit {0% {opacity: 0;transform: scale(0);}25% {opacity: 0.1;transform: scale(0.1);}50% {opacity: 0.3;transform: scale(0.5);}75% {opacity: 0.5;transform: scale(0.8);}100% {opacity: 0;transform: scale(1);}}

/* CSS 스위치 */
/* <label class="switchBtn"><input type="checkbox" checked=""><span class="switchBtn-indicator"></span></label> */
.switchBtn {font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input {display: none;}
.switchBtn-indicator {position: relative;display: inline-block;width: 30px;height: 10px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn input:checked ~ .switchBtn-indicator {background:linear-gradient(128deg, #4d79f6 0%, #4d79f6 60%, #775be6 90%, #765be6 100%);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}/* CDEAFD    // after 398bf7*/
.switchBtn input:checked ~ .switchBtn-indicator::after {background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 18px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtn-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 20px;height: 20px;cursor: inherit;background: #fff;border-radius: 50%;top: -5px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}

.switchBtnMin {font-weight: 300;letter-spacing: 0;margin-bottom: 0;line-height: 29px;cursor: pointer;white-space: nowrap;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin input {display: none;}
.switchBtnMin-indicator {position: relative;display: inline-block;width: 26px;height: 6px;background: #e3e4e5;border-radius: 20px;vertical-align: middle;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin input:checked ~ .switchBtnMin-indicator {background: #3b47ed;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}/* CDEAFD    // after 398bf7*/
.switchBtnMin input:checked ~ .switchBtnMin-indicator::after {background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;left: calc(100% - 15px);transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin-indicator::after {content: '';display: block;position: absolute;left: 0px;width: 15px;height: 15px;cursor: inherit;background: #fff;border-radius: 50%;top: -4px;-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb;transition:All 0.3s ease;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
.switchBtnMin.off{border:1px solid #eee !important;color:#aaa !important}

/* 버튼호버애니메이션 
<section class="buttons">
    <button class="draw">Draw</button>
    <button class="draw meet">Draw Meet</button>
    <button class="center">Center</button>
    <button class="spin">Spin</button>
    <button class="spin circle">Spin Circle</button>
    <button class="spin thick">Spin Thick</button>
</section>
*/
.buttons{isolation:isolate;}
.buttons button{background:none;border:0;box-sizing:border-box;margin:1em;padding:1em 2em;box-shadow:inset 0 0 0 2px #f45e61;color:#f45e61;font-size:inherit;font-weight:700;position:relative;vertical-align:middle;}
.buttons button::before,.buttons button::after{box-sizing:inherit;content:'';position:absolute;width:100%;height:100%;}
.draw{transition:color 0.25s;}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0;}
.draw::before{top:0;left:0;}
.draw::after{bottom:0;right:0;}
.draw:hover{color:#60daaa;}
.draw:hover::before,.draw:hover::after{width:100%;height:100%;}
.draw:hover::before{border-top-color:#60daaa;border-right-color:#60daaa;transition:width 0.25s ease-out,height 0.25s ease-out 0.25s;}
.draw:hover::after{border-bottom-color:#60daaa;border-left-color:#60daaa;transition:border-color 0s ease-out 0.5s,width 0.25s ease-out 0.5s,height 0.25s ease-out 0.75s;}
.meet:hover{color:#fbca67;}
.meet::after{top:0;left:0;}
.meet:hover::before{border-top-color:#fbca67;border-right-color:#fbca67;}
.meet:hover::after{border-bottom-color:#fbca67;border-left-color:#fbca67;transition:height 0.25s ease-out,width 0.25s ease-out 0.25s;}
.center:hover{color:#6477b9;}
.center::before,.center::after{top:0;left:0;height:100%;width:100%;-webkit-transform-origin:center;transform-origin:center;}
.center::before{border-top:2px solid #6477b9;border-bottom:2px solid #6477b9;-webkit-transform:scale3d(0, 1, 1);transform:scale3d(0, 1, 1);}
.center::after{border-left:2px solid #6477b9;border-right:2px solid #6477b9;-webkit-transform:scale3d(1, 0, 1);transform:scale3d(1, 0, 1);}
.center:hover::before,.center:hover::after{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s,-webkit-transform 0.5s;}
.spin{width:5em;height:5em;padding:0;}
.spin:hover{color:#0eb7da;}
.spin::before,.spin::after{top:0;left:0;}
.spin::before{border:2px solid transparent;}
.spin:hover::before{border-top-color:#0eb7da;border-right-color:#0eb7da;border-bottom-color:#0eb7da;transition:border-top-color 0.15s linear,border-right-color 0.15s linear 0.1s,border-bottom-color 0.15s linear 0.2s;}
.spin::after{border:0 solid transparent;}
.spin:hover::after{border-top:2px solid #0eb7da;border-left-width:2px;border-right-width:2px;-webkit-transform:rotate(270deg);transform:rotate(270deg);transition:border-left-width 0s linear 0.35s,-webkit-transform 0.4s linear 0s;transition:transform 0.4s linear 0s,border-left-width 0s linear 0.35s;transition:transform 0.4s linear 0s,border-left-width 0s linear 0.35s,-webkit-transform 0.4s linear 0s;}
.circle{border-radius:100%;box-shadow:none;}
.circle::before,.circle::after{border-radius:100%;}
.thick{color:#f45e61;}
.thick:hover{color:#fff;font-weight:700;}
.thick::before{border:2.5em solid transparent;z-index:-1;}
.thick::after{mix-blend-mode:color-dodge;z-index:-1;}
.thick:hover::before{background:#f45e61;border-top-color:#f45e61;border-right-color:#f45e61;border-bottom-color:#f45e61;transition:background 0s linear 0.4s,border-top-color 0.15s linear,border-right-color 0.15s linear 0.15s,border-bottom-color 0.15s linear 0.25s;}
.thick:hover::after{border-top:2.5em solid #f45e61;border-left-width:2.5em;border-right-width:2.5em;}

.divNoneHaWrap{width:100%;}
.divNoneHaWrap:after{content:'';display:block;clear:both}
.divHalfWrap{width: 49%;height: 280px;background: #f9f9f9; padding: 20px;border: 1px solid #eee;border-radius: 10px;}
.divHalfWrapTit{font-size: 18px; margin-bottom: 20px;display: inline-block;position: relative;z-index: 1;}
.divHalfWrapTit::after{content:'';display: block;position: absolute;height: 1.5vh;width: 100%;top: 9px;left: 0;z-index: -1;background: #ffe06c;}
.noticeLine{height: 36px; line-height: 36px;font-size: 14px;cursor: pointer;overflow:hidden;}
.noticeLine span{vertical-align:middle}
.noticeLineSta{width: 12%;display: inline-block; background: #20b6c8; border-radius: 100px;text-align: center; line-height: 20px; margin-right: 10px;color: #fff;font-weight: bold;}
.noticeLinetit{width: 62%; display: inline-block;white-space:nowrap;text-overflow:ellipsis;word-break:break-all;overflow:hidden;}
.noticeLineDate{width: 20%;display: inline-block;text-align: right;color:#737394;}

.myServiceUl{}
.myServiceUl li{float:left;text-align: center;width: 33.3%;}
.myServiceImg{overflow:hidden;margin: 15px 0px;}
.myServiceImg img{}
.myServiceSub{font-size: 15px;line-height: 20px; margin-bottom: 25px;letter-spacing:-0.3px;}
.myServicePos{color:#737394;}
.myServiceCount{font-size: 24px;font-weight: bold;color:#161659;}

.headerBtn{height: 32px;font-size: 12px; background: #f1f1f8; border: 2px solid #dfe0ec;border-radius: 1px; color: #2068ce; font-weight: bold;}
.shopSelBtn{cursor: pointer;font-size: 12px; padding: 4px 8px;border-radius: 100px;border: 1px solid #065cd1; background: #fff;color: #065cd1;}
.shopSelBtnOn{cursor: pointer;font-size: 12px; padding: 4px 8px;border-radius: 100px;border: 1px solid #065cd1; background:#065cd1 ;color: #fff;}

.myProfileBtn{float: right;height: 28px; width: 27px; margin-left: 20px;margin-top: 7px;}
.myProfileBtn img{width: 100%;}
.myProfileBtn:after{content:'';display:block;clear:both}

/* 210325 수정 */ 
.feelingChoWrap{width: 40%; margin: 30px auto;padding: 0 5px 15px; text-align: center;background:#fff;} 
.feelingChoGroup{width:79%;float:left;border: 1px solid #ddd; border-radius: 10px;} 
.feelingChoWrap .claim{width:19%;float:right;} 
.feelingChoWrap .claim .feelingCho{height:108px;} 
.feelingCho{display: inline-block;text-align: center;width: 95px;cursor:pointer;padding-bottom:10px;} 
.feelingCho:hover p{font-weight:bold;} 
.feelingCho .emoji{font-size: 50px;} 
.feelingCho p{margin-top: 8px;} 
.thSpanBold{color: #111111;font-weight:normal;; font-size: 15px;}
/* //210325 수정 */

.cateListUl{}
.cateListUl .cateName{display:inline-block;width: 76%;height: 50px;overflow: hidden;vertical-align: middle;font-size:14px; letter-spacing:-0.07em;}

.fixedTable{background:#f4f6f9;border-top: 3px solid #111111;}
.fixedTable .table {width: auto;}
.fixedTable .table tr td, .fixedTable .table tr th {min-width: 135px;width: 135px;max-width:135px;min-height: 100px;height: 100px;padding: 0;}
.fixedTable-header {width: calc(100% - 228px);height: 50px;margin-left: 228px;overflow: hidden;}
.fixedTable-header 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;padding-left: 10px !important;}
.fixedTable-sidebar {width: 228px;height: 66.5vh;float: left;overflow: hidden;}
.fixedTable-sidebar .adminDeBackground{width: 228px !important;min-width:228px !important;}
.fixedTable-body {overflow: auto;width: calc(100% - 228px);height: 66.5vh;float: left;transition: all 0.4s ease;}
.fixedTable-body::-webkit-scrollbar{height: 8px;width:0px;}
.fixedTable-body::-webkit-scrollbar-thumb{border-radius:30px; background:#2961db;background: linear-gradient(45deg,#42a8e5, #1852cf);}
.fixedTable-body-webkit-scrollbar-track{background-color: #d4d4d4; border-radius: 10px}
.fixedTable .designerInfoWrap .designerName{font-size:16px;}
.billTitle{background:#f9f9f9;padding:10px 0;text-align:center;letter-spacing:-0.03em;font-size:15px;font-weight:500}
.billSectTitle{font-size: 1.0rem; font-weight: bold; text-align: left; color: #e70523;margin:10px auto 5px;padding:0 10px;}
.itemInfoDl{padding:10px;}
.itemInfoDl:after{clear:both;display:block;content:'';}
.itemInfoDl dt{width:70%;float:left;height:25px;text-align:left;font-weight:bold;font-size:13px;}
.itemInfoDl dt:before{content:'· ';font-size:13px;font-weight:bold;}
.itemInfoDl dd{width:30%;float:left;min-height:25px;text-align:right;font-size:15px;}
.itemInfoDl dt.total{font-weight:bold;height:30px;font-size:15px;margin-top:20px;}
.itemInfoDl dd.total{font-weight:bold;height:30px;font-size:26px;color:#6666ff;margin-top:10px;}
.paymentList{ overflow: hidden; padding: 10px;}
.paymentList li{overflow: hidden;padding-bottom: 10px;font-size:13px;}
.paymentList .payTit{float: left;width: 30%; font-size: 13px;line-height: 24px;text-align: left; letter-spacing: -.34px;}
.paymentList .paySum{float: right;width:70%; text-align: right; font-weight: 600;font-size: 16px;line-height: 24px;letter-spacing: -.34px; white-space: nowrap;}
.paymentList .paySum .Deli{}
.paymentList .paySum .Deli:before{content:'+';display:inline-block;}
.paymentList .won{font-weight: 400;}
.payTotal{padding: 12px 0 0;border-top: 1px solid #ccc;}
.payTotal .payTit{}
.payTotal .paySum{float: right; text-align: right; font-weight: 600;  font-size: 20px; line-height: 24px; letter-spacing: -.34px; white-space: nowrap;}

.inputSpanWrap{line-height: 34px;height: 34px; display: inline-block; margin-left: 5px;}
.inputSpanWrap02{letter-spacing: 1px; margin-top: 1px; display: inline-block;}
.mr15{margin-right:15px !important}
.mr12{margin-right:12px !important}
.mr9{margin-right:9px !important}
.mr3{margin-right:3px !important}
.ml3{margin-left:3px !important}
.ml0{margin-left:0px !important}
.w45p{width:45% !important}
.w43p{width: 43% !important;}

/* 반품 팝업 */
#orderDeliveryShopModalReturn .return-info-text{
    color:#666;
    line-height: 1.3rem;
    display: block;
    margin-top: 10px;
}
#orderDeliveryShopModalReturn .return-info-text span{
    color:#ec0e0e;
}
.return-order-info tr th{
    text-align:center;
}
.return-order-info tr td{
    text-align:center;
}
.return-div{
    display: flex;
    justify-content: space-between;
}
.return-div .return-div-item{
    width:49%;
}
.return-div .return-button{
    display: flex;
    justify-content: center;
    margin-top:20px;
}
.return-div .return-button a{
    width:100%;
    margin: 0 1%;
}
.return-div table tr td{
    text-align: right;
}
/* 제품배송관리 상단 금액 리스트  */
.amount-list-wrap{
    display: inline-flex;
    justify-content: space-around;
    width:100%;
}
.amount-list-wrap .searchWrap{
    width:100%;
    margin: 0 1%;
    margin-bottom:35px;
}

/*지역별 분석지표 */
#appSalesMapAnalysis .salesAnalysis_text_wrap {
    background: #f9f9f9;
    padding: 30px;
    line-height: 1.5rem;
    border: 1px solid #f5f5f5;
    border-radius:8px ;
}
#appSalesMapAnalysis .salesAnalysis_text_wrap div{

}
#appSalesMapAnalysis .salesAnalysis_text_wrap p{
    width: 100%;
    letter-spacing: -0.3px;
}
#appSalesMapAnalysis .salesAnalysis_text_wrap p strong{
    color:#2961db;
    font-weight: 500;
}
#appSalesMapAnalysis .salesAnalysis_text_wrap a{
    display: block;
    width: 120px;
    margin-top: 10px;
    height: 40px;
    line-height: 39px;
}
/*상권분석 팝업*/
#appPopCustomerAnalysis .hairV_custom_wrap{
    padding-bottom: 50px !important;
    margin-bottom: 50px;
    border-bottom: 6px solid #eee;
}
#appPopCustomerAnalysis .hairV_text{
    background: rgb(249, 249, 249);
    padding: 15px;
    border: 1px solid rgb(245, 245, 245);
    line-height: 1.5rem;
    margin-top:10px;
    font-weight: 500;
}
#appPopCustomerAnalysis .analysis_graph{
    border: 1px solid #ddd;
    height: 321px;
    margin-top: 43px;
    margin-left: 20px;
    padding: 20px 10px;
    width: 50%;
}



/* ==========================================================================
   4. 폰트어썸 활용 오브젝트
   ========================================================================== */

/* 폰트어썸 Checkbox */
/* <label class="fa-ckbox"><input type="checkbox"><span>Adidas</span></label> */
.fa-ckbox { font-weight: normal; position: relative; display: inline-block; line-height: 18px;cursor:pointer;height:18px;margin-right: 5px;}
.fa-ckbox span { padding-left: 6px;}
.fa-ckbox span:empty { float: left;}
.fa-ckbox span:before, .fa-ckbox span:after { line-height: 18px; position: absolute;}
.fa-ckbox span:before { content: ''; width: 16px; height: 15px; background-color: #fff; border: 1px solid #cccccc; border-radius: 3px; top: 1px; left: 0;}
.fa-ckbox span:after { top: 1px; left: 0; width: 18px; height: 18px; content: '\f00c'; font-family: 'FontAwesome'; font-size: 9px; text-align: center; color: #fff; background-color: #5063be; line-height: 17px; border-radius: 2px; display: none;}
.fa-ckbox input[type='checkbox'] { opacity: 0; margin: 0;}
.fa-ckbox input[type='checkbox']:checked + span:after { display: block;}
.fa-ckbox input[type='checkbox'][disabled] + span,
.fa-ckbox input[type='checkbox'][disabled] + span:before,
.fa-ckbox input[type='checkbox'][disabled] + span:after { background:#dedede;}

.fa-ckboxBig { font-weight: normal; position: relative; display: inline-block; line-height: 40px;cursor:pointer;height:34px;width:34px;}
.fa-ckboxBig span {}
.fa-ckboxBig span:empty { float: left;}
.fa-ckboxBig span:before, .fa-ckboxBig span:after { line-height: 34px; position: absolute;}
.fa-ckboxBig span:before { content: ''; width: 32px; height: 32px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 1000px; top: 1px; left: 0;}
.fa-ckboxBig span:after { top: 1px; left: 0; width: 34px; height: 34px; content: '\f00c'; font-family: 'FontAwesome'; font-size: 20px; text-align: center; color: #fff; background-color: #5063be; line-height: 34px; border-radius: 1000px; display: none; position: absolute;}
.fa-ckboxBig input[type='checkbox'] { opacity: 0; margin: 0;}
.fa-ckboxBig input[type='checkbox']:checked + span:after { display: block;}
.fa-ckboxBig input[type='checkbox'][disabled] + span,
.fa-ckboxBig input[type='checkbox'][disabled] + span:before,
.fa-ckboxBig input[type='checkbox'][disabled] + span:after { background:#dedede;}

/* 폰트어썸 Radio Box */
/* <label class="fa-rdiobox"><input name="rdio" type="radio"><span>Radio Unchecked</span></label> */
.fa-rdiobox {font-weight: normal;position: relative;display: inline-block;line-height: 18px;cursor:pointer;}
.fa-rdiobox span {padding-left: 6px;}
.fa-rdiobox span:before, .fa-rdiobox span:after {line-height: 18px; position: absolute;}
.fa-rdiobox span:before { content: ''; width: 16px; height: 16px; background-color: #fff; border: 1px solid #adb5bd; border-radius: 50px; top: 2px; left: 0;}
.fa-rdiobox span:after { content: ''; width: 6px; height: 6px; background-color: #fff; border-radius: 50px; top: 8px; left: 6px; display: none;}
.fa-rdiobox input[type='radio'] { opacity: 0; margin: 0 2px 0 0;}
.fa-rdiobox input[type='radio']:checked + span:before { border-color: transparent; background-color: #2961db;}
.fa-rdiobox input[type='radio']:checked + span:after {  display: block;}
.fa-rdiobox input[type='radio'][disabled] + span,
.fa-rdiobox input[type='radio'][disabled] + span:before,
.fa-rdiobox input[type='radio'][disabled] + span:after {  opacity: .75;}

/* ==========================================================================
   5. 미디어쿼리
   ========================================================================== */


@media only screen and (max-width: 620px) {
    .no-csstransforms li {      width: 4em;     height: 4em;        line-height: 4em;   }
}

@media only screen and (max-width: 500px) {
    .no-ccstransforms .cn-wrapper {     padding: .5em;  }

    .no-csstransforms .cn-wrapper li {      width: 4em;     height: 4em;        font-size: .9em;        line-height: 4em;   }
}

@media only screen and (max-width: 480px) {
    .csstransforms .cn-wrapper {        font-size: 1.0em;   }

    .cn-button {        font-size: 1em; }
}

@media only screen and (max-width:420px) {
    .no-csstransforms .cn-wrapper li {      width: 100%;        height: 3em;        line-height: 3em;   }
}
/* //190419 테스트용 버튼 메뉴 */

/* iPhone 5- */
@media
only screen and (device-aspect-ratio: 2/3) {
    
}

/* iPhone 5+ */
@media
only screen and (device-aspect-ratio: 40/71) {

}

/* Mobile Device */
@media screen and (max-width : 321px) {
    
}

/* Mobile Device */
@media screen and (max-width : 767px) {
    
}

/* Tablet Device */
@media screen and (min-width : 768px) and (max-width : 991px) {
    
}

/* Desktop Device */
@media screen and (min-width : 992px) {

}

/* iphone x */
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
}

/* iPhone XR */
@media only screen 
    and (min-device-width: 414px) 
    and (min-device-height: 896px) 
    and (-webkit-device-pixel-ratio: 2) 
    and (orientation: portrait) { 
    
}
@media only screen and (max-width: 1520px) {
    #appOrderManageList .separte_item{
        margin-top: 10px;
        display:block !important;
    }
}
@media screen and (max-width : 1500px) {
    .areaInWrap{
        width:57% !important;
    }
    .termListWrap{
        width:41% !important;
    }

}

/* ========================================================================== 
    2. 레이아웃 
========================================================================== */
.loderWrap{position:absolute;top:50%;left:50%;transform: translateX(-50%);transform: translateY(-50%);z-index:99999;} 
.cssLoader, .cssLoader:before, .cssLoader:after { background: rgba(0, 0, 0, 0.5); -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em;} 
.cssLoader {color: rgba(0, 0, 0, 0.5);text-indent: -9999em;margin:0 auto;position: relative;font-size: 11px;-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);-webkit-animation-delay: -0.16s; animation-delay: -0.16s;z-index:9999999;} 
.cssLoader:before, .cssLoader:after {position: absolute; top: 0; content: '';} 
.cssLoader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s;} 
.cssLoader:after { left: 1.5em;} 
@-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; }} 
@keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; }} 
.loadBlock {position: fixed;_position: absolute;top: 0;left: 0;z-index: 999999998;width: 100%;height: 100%} 
.loadBlock .bgBlock{position:fixed;_position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#000;opacity: .5;filter:alpha(opacity=50)} 
.loadBlock .cssLoader, .loadBlock .cssLoader:before, .loadBlock .cssLoader:after { background: rgba(255, 255, 255, 0.8) !important;z-index:9999999 !important} 
.loadBlock .cssLoader{color: rgba(255, 255, 255, 0.8) !important;z-index:999999999; !important;}
.noImage {position: relative;  z-index: 0;line-height:1 !important;}
.noImage:before {margin:0;padding:0;display: block;  text-align: center;white-space: pre;content: '\f03e';font-family: 'FontAwesome'; font-size: 32px; text-align: center; color: #999; z-index: 1;}
.noImage:after {margin-top:-10px;padding:0;display: block; text-align: center; white-space: pre; content: 'NO IMAGE'; font-size: 12px; text-align: center; color: #999; z-index: 1; letter-spacing: -0.09em;}

.shopImgWrap.noImage {position: relative;  z-index: 0;line-height:1 !important;} 
.shopImgWrap.noImage:before {  display: block;  width: 100%; padding-top:20%; text-align: center;white-space: pre;content: '\f03e';font-family: 'FontAwesome'; font-size: 32px; text-align: center; color: #999; z-index: 1;} 
.shopImgWrap.noImage:after { display: block; width: 100%; text-align: center; white-space: pre; content: 'NO IMAGE'; font-size: 12px; text-align: center; color: #999; z-index: 1; letter-spacing: -0.09em;}

.brandMain{
   /* height: 100vh; */
    padding: 20px;
    z-index: 1000;
    margin: 0;
    background: #ffffff;
}
.brandMain .contents{
    padding: 20px !important;
    margin: 0 !important;
}


/**
    V2 CSS
 */
h3.title {
    padding-bottom: 5px;
    font-weight: 500;
}

.custom-overlay-circle {
    width: 60px;
    height: 60px;
    line-height: 60px; /* 추가: 높이에 따라서 텍스트를 중앙에 위치시킵니다 */
    border-radius: 50%;
    background-color: yellow;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid black;
    font-size: 12px; /* 필요에 따라 글자 크기 조정 */
}

.dong-name {
    text-align: center;
    font-size: 14px; /* adjust as needed */
    font-weight: bold;
}