@charset "UTF-8";
@import URL("/admin/static/css/common.css");
@import URL("/admin/static/css/styleB.css?240529");

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

/*
메인컬러		#4b5efb	// 컨펌버튼 등에 사용
액센트컬러		#262f7b	// 좌측 메뉴 배경 사용
액센트컬러2	#5b73e8
영역 배경		#f5f6f8
*/

/* ==========================================================================
   1. 공용 오브젝트
   ========================================================================== */
.uiSection {
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  min-height: 80vh;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.3);
}
.uiSection > p {
  margin-bottom: 10px;
}
.uiSection .noticeUl {
  margin: 10px auto 15px;
}
.uiSection .noticeUl li {
  line-height: 1.2;
  font-size: 15px;
  letter-spacing: -0.05em;
  font-weight: 400;
}
.uiSection .noticeUl li:before {
  content: "· ";
}
.uiSection h3 {
  font-size: 16px;
  font-weight: 500;
  color: #262f7b;
  padding: 5px 0;
}
.uiSection h3:before {
  display: inline-block;
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 13px;
  font-weight: normal !important;
  margin-right: 3px;
  transform: translateY(-1px);
}

.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: 4px 6px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.05em;
  border-radius: 5px;
}
.badge.block {
  padding: 1px 10px;
}
.badgeBig {
  padding: 6px 8px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.05em;
  border-radius: 5px;
}
.badgeBlock {
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  line-height: 25px;
  padding: 0;
  font-size: 12px;
}
.badgeBlock02 {
  width: 35px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 5px;
  line-height: 25px;
  padding: 0;
  font-size: 12px;
}

.badgeTable {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -0.05em;
  border-radius: 20px;
  width: 80%;
  display: inline-block;
  height: 30px;
  line-height: 30px;
}
.badgeTable:hover {
  color: #fff !important;
}
.badge.event {
  background: #57419d;
}
.step01 {
  background: #f3a104;
  font-weight: 500;
  color: #fff;
}
.step02 {
  background: #0398ff;
  font-weight: 500;
  color: #fff;
}
.step03 {
  background: #4eb1ea;
  font-weight: 500;
  color: #fff;
}
.step04 {
  background: #1bc5bd;
  font-weight: 500;
  color: #fff;
}
.step05 {
  background: #ff7b89;
  font-weight: 500;
  color: #fff;
}
.step06 {
  background: #e4e6ef;
  font-weight: 500;
  color: #3f4254;
}
.step07 {
  background: #7353b5;
  font-weight: 500;
  color: #fff;
}
.step08 {
  background: #ccf1e6;
  font-weight: 500;
  color: #08986d;
}

.fakeIco {
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 11px;
  cursor: pointer;
  background: #fff;
}
.typeTxtColor01 {
  color: #64b5f6;
}
.typeTxtColor02 {
  color: #81c784;
}
.typeTxtColor03 {
  color: #ffb74d;
}
.typeTxtColor04 {
  color: #ba68c8;
}
.typeTxtColor05 {
  color: #e57373;
}

.wordBox {
  vertical-align: middle;
  display: inline-block;
  background: #fafafa;
  width: 90%;
  min-height: 34px;
  line-height: 34px;
  border: 1px solid #dedede;
  border-radius: 3px;
  padding: 3px 3px;
  text-align: left;
}
.wordBox:hover {
  border: 1px solid #87a8ff;
  color: #000;
  box-shadow: 0 7px 10px -10px rgba(0, 0, 0, 0.4);
}
.wordBox:after {
  clear: both;
  display: block;
  content: "";
}
.wordObj {
  margin: 3px;
  display: inline-block;
  height: 24px;
  line-height: 18px;
  padding: 2px 8px;
  border: 1px solid #949191;
  border-radius: 5px;
  background: #fff;
  float: left;
  font-size: 12px;
}
.wordObj .btnMinus {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 13px;
  background: #ff7e7e;
  margin-bottom: 4px;
  position: relative;
  padding: 0px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #ff7e7e !important;
  border: 2px solid #ff7e7e;
  border-radius: 4px;
  vertical-align: middle;
  margin-left: 5px;
}
.wordObj .btnMinus:after {
  content: "";
  display: block;
  width: 50%;
  height: 2px;
  background: #fff;
  position: absolute;
  top: 40%;
  border-radius: 100px;
  left: 50%;
  transform: translateX(-50%);
}

.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: 34px;
  line-height: 1.1 !important;
  cursor: pointer;
}
.dateIco input[type="text"] {
  width: 110px;
  vertical-align: middle;
  cursor: pointer;
}
.dateIco:after {
  display: block !important;
  position: absolute;
  top: 9px;
  right: 5px;
  content: "";
  color: #ccc !important;
  background: url(/admin/static/img/common/calendarLogo.png) center no-repeat;
  background-size: contain;
  width: 17px;
  height: 16px;
}
.timeIco {
  vertical-align: middle;
  position: relative;
  display: inline-block;
  height: 34px;
  line-height: 1.1 !important;
  cursor: pointer;
}
.timeIco:after {
  display: block !important;
  position: absolute;
  top: 9px;
  right: 5px;
  content: "";
  color: #ccc !important;
  background: url(/admin/static/img/common/timeLogo.png) center no-repeat;
  background-size: contain;
  width: 17px;
  height: 17px;
}
.fileIco {
  border: 1px solid #57419d;
  border-radius: 5px;
  padding: 0 6px;
  font-size: 16px;
  color: #57419d !important;
}
input[type="time"]::-webkit-calendar-picker-indicator {
  background: none;
}
.upperTxt {
  font-size: 16px !important;
  color: #0398ff;
  font-weight: 600;
}
.upperTxt02 {
  font-size: 16px !important;
  font-weight: 600;
  color: #ff5c75;
}
.upperTxt03 {
  font-size: 13px !important;
}
.upperTxt04 {
  font-size: 16px !important;
  color: #0072ff;
  font-weight: 600;
}
.upperTxt05 {
  font-size: 14px !important;
  color: #000;
  font-weight: 600;
}
.ssmTxt {
  font-size: 11px !important;
  letter-spacing: -0.08em;
}
.smTxt {
  font-size: 13px !important;
  letter-spacing: -0.08em;
}
.smTxt02 {
  font-size: 13px !important;
  letter-spacing: -0.08em;
  line-height: 35px;
}
.mdTxt {
  font-size: 15px !important;
  letter-spacing: -0.05em;
}
.lgTxt {
  font-size: 16px !important;
  letter-spacing: -0.05em;
}
.lgTitle {
  font-size: 2rem !important;
  font-weight: bold;
}
.priceNum {
  font-size: 17px !important;
  font-weight: bold !important;
}

.guideLine {
  font-size: 12px;
  color: #aaa;
  padding: 0 5px;
}
.btn {
  cursor: pointer;
}
.btn,
.ctrTabLock a {
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}
.btn:hover,
.ctrTabLock a:hover,
.fileAwrap: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,
.fileAwrap: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,
.fileAwrap:hover:after {
  width: 100%;
}

/* 528fea    598284 */
.btnStyle5 {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: normal;
  color: #57419d !important;
  border: 1px solid #57419d;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle02Upper {
  display: inline-block;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 0.8rem !important;
  font-weight: normal;
  color: #57419d !important;
  border: 2px solid #57419d;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle3 {
  display: inline-block;
  height: 34px;
  line-height: 32px;
  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;
}
.btnStyle7 {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  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: 34px;
  line-height: 34px;
  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: 34px;
  line-height: 34px;
  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: 34px;
  line-height: 34px;
  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: 34px;
  line-height: 34px;
  background: #57419d;
  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 {
  width: 90%;
  height: 36px;
  line-height: 36px;
  padding: 0px 17px;
  text-align: center;
  font-size: 13px;
  background: #d5eeff;
  border-radius: 5px;
  color: #0398ff !important;
  font-weight: 600;
  display: inline-block;
}
.btnSearch i {
  padding-top: 7px;
  font-size: 14px;
}
.btnSearch.Detail {
  background: #f1f2f3;
  color: #333 !important;
}
.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: #57419d !important;
  border: 2px solid #57419d;
  border-radius: 4px;
  vertical-align: middle;
}
.btnIcoFa {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
}
.btnIcoFaMin {
  display: inline-block;
  width: 25px;
  height: 25px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
}
.btnIcoFaMin02 {
  display: inline-block;
  width: 50px;
  height: 25px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #aaa;
  border-radius: 4px;
  background: #fff;
}

.btnRowAdd {
  display: inline-block;
  vertical-align: middle;
  background: #fff;
}
.btnRowAdd i {
  font-size: 20px;
  color: #999;
}
.btnRowAdd:hover i {
  color: #57419d;
}

.addAsideWrap {
  position: relative;
}
.addAsideWrap .btnCallAddAside {
  color: #999;
  font-size: 15px;
  display: block;
  padding: 7px 0;
}
.addAsideWrap .addAside {
  display: none;
  position: absolute;
  top: 26px;
  left: 0;
  width: 100px;
  padding: 0;
  background: #fff;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
  z-index: 90;
  border: 1px solid #000;
  text-align: left;
}
.addAsideWrap .addAside a {
  display: block;
  font-size: 12px;
  letter-spacing: -0.07em;
  color: #555;
  padding: 8px 0 8px 10px;
  font-weight: 500;
}
.addAsideWrap .addAside a:hover {
  background: #eaeaea;
  color: #f20;
}

.btnStyleCtr {
  display: inline-block;
  min-width: 80px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  color: #000 !important;
  border: 1px solid #777;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyleCtr i {
  font-size: 13px !important;
  margin-right: 5px;
  color: #555;
}

/*엑셀 프린트 버튼 수정_20210818*/
.excelBtn {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #c9f7f5;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #096d68 !important;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}
.excelUpBtn {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #c9f7f5;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #096d68 !important;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}
.excelUpBtn img {
  width: 20px;
  height: 20px;
}
.excelDownBtn {
  display: inline-block;
  min-width: 35px;
  height: 34px;
  line-height: 32px;
  background: url("/admin/static/img/common/excel.svg") no-repeat 50% 50%;
  background-size: 50%;
  background-color: #c9f7f5;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}
.printBtn {
  display: inline-block;
  min-width: 35px;
  height: 34px;
  line-height: 32px;
  background: url("/admin/static/img/common/print.svg") no-repeat 50% 50%;
  background-size: 50%;
  background-color: #e4e6ef;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}
/*
.excelDownBtn{display:inline-block;min-width:35px;height:34px;line-height:32px;background:#c9f7f5;text-align:center;font-size:13px;font-weight:500;color:#096d68 !important;border:transparent;border-radius:4px;vertical-align:middle;}
.excelDownBtn img{width: 27px; height: 27px;}
.printBtn{display:inline-block;min-width:35px;height:34px;line-height:32px;background:#e4e6ef;padding:0 10px;text-align:center;font-size:19px;font-weight:500;color:#444254 !important;border:transparent;border-radius:4px;vertical-align:middle;}
*/
.kakaoBtn {
  display: inline-block;
  min-width: 35px;
  height: 34px;
  line-height: 32px;
  background: #ffee58;
  padding: 0 10px;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  color: #444254 !important;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}
.msgBtn {
  display: inline-block;
  min-width: 35px;
  height: 34px;
  line-height: 32px;
  background: #e4e6ef;
  padding: 0 10px;
  text-align: center;
  font-size: 19px;
  font-weight: 500;
  color: #444254 !important;
  border: transparent;
  border-radius: 4px;
  vertical-align: middle;
}

.btnStyle01 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #0398ff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #0398ff;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle02 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #0398ff !important;
  border: 1px solid #0398ff;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle03 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #000 !important;
  border: 1px solid #777;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle04 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #333 !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle05 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #fff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #f75364 !important;
  border: 1px solid #f75364;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle06 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #f75364;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #f75364;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle07 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #aaa;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #aaa;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle08 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #f1f2f3;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #f1f2f3;
  border-radius: 4px;
  vertical-align: middle;
}
.btnStyle09 {
  display: inline-block;
  min-width: 85px;
  height: 34px;
  line-height: 32px;
  background: #d5eeff;
  padding: 0 10px;
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  color: #0398ff !important;
  border: 1px solid #d5eeff;
  border-radius: 4px;
  vertical-align: middle;
}

.btnStyle05.minwidthStaff {
  min-width: 48% !important;
}

.btnStyleMin01 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #0398ff;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #0398ff;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin02 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #fff;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #0398ff !important;
  border: 1px solid #0398ff;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin03 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #fff;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #000 !important;
  border: 1px solid #777;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin04 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #fff;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #333 !important;
  border: 1px solid #aaa;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin05 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #fff;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #f75364 !important;
  border: 1px solid #f75364;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin06 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #f75364;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #f75364;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMin07 {
  display: inline-block;
  height: 23px;
  line-height: 21px;
  background: #2b357d;
  padding: 0 5px;
  text-align: center;
  font-size: 12px !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #2b357d;
  border-radius: 3px;
  vertical-align: middle;
}

.btnStyleMins01 {
  display: inline-block;
  height: 26px;
  line-height: 22px;
  background: #0398ff;
  padding: 0 8px;
  text-align: center;
  font-size: 11px !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #0398ff;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMins02 {
  display: inline-block;
  height: 26px;
  line-height: 22px;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 11px !important;
  font-weight: 500;
  color: #0398ff !important;
  border: 1px solid #0398ff;
  border-radius: 3px;
  vertical-align: middle;
}
/*.btnStyleMins03{display:inline-block;height:26px;line-height:22px;background:#fff;padding:0 8px;text-align:center;font-size:11px !important;font-weight:500;color:#000 !important;border:1px solid #777;border-radius:3px;vertical-align:middle;}*/
.btnStyleMins03 {
  display: inline-block;
  height: 28px;
  line-height: 24px;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 13px !important;
  font-weight: 500;
  color: #000 !important;
  border: 1px solid #777;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMins04 {
  display: inline-block;
  height: 26px;
  line-height: 22px;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 11px !important;
  font-weight: 500;
  color: #333 !important;
  border: 1px solid #aaa;
  border-radius: 3px;
  vertical-align: middle;
}
/*.btnStyleMins05{display:inline-block;height:26px;line-height:22px;background:#fff;padding:0 8px;text-align:center;font-size:11px !important;font-weight:500;color:#f75364 !important;border:1px solid #f75364;border-radius:3px;vertical-align:middle;}*/
.btnStyleMins05 {
  display: inline-block;
  height: 28px;
  line-height: 24px;
  background: #fff;
  padding: 0 8px;
  text-align: center;
  font-size: 13px !important;
  font-weight: 500;
  color: #f75364 !important;
  border: 1px solid #f75364;
  border-radius: 3px;
  vertical-align: middle;
}
.btnStyleMins06 {
  display: inline-block;
  height: 26px;
  line-height: 22px;
  background: #f75364;
  padding: 0 8px;
  text-align: center;
  font-size: 11px !important;
  font-weight: 500;
  color: #fff !important;
  border: 1px solid #f75364;
  border-radius: 3px;
  vertical-align: middle;
}

.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: #0088d8 !important;
  border: 1px solid #0088d8;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 12px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
}
.btnMindelete {
  line-height: 1 !important;
  display: inline-block;
  padding: 5px 10px;
  color: #0398ff !important;
  border: 1px solid #0398ff;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 12px;
  background: #fff;
  border-radius: 4px;
  text-align: center;
}

.w400 {
  width: 400px;
}
/*//오픈아파트 버튼 수정*/

.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: 500;
  color: #57419d !important;
  border: 1px solid #57419d;
  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: 500;
  color: #57419d !important;
  border: 1px solid #57419d;
  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: 500;
  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: 500;
  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: 500;
  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,
input.expenddate {
  width: 80px;
  color: #666;
  font-size: 0.8rem;
  vertical-align: middle;
  text-align: center;
}
input.crdrIp {
  width: 130px !important;
  background: #fff url("/admin/static/img/bul/bul_carendar.png") no-repeat 95%
    50%;
  text-align: left !important;
}
input.srchIp {
  background: #fff url("/admin/static/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: #0398ff;
  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: #0398ff;
  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;
}

.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: #57419d;
  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, 0.06);
  outline: 0;
}
.logBox .logInput:focus {
  border: 1px solid #57419d;
  color: #57419d;
  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: 1rem !important;
  font-weight: bold;
  border: 0px;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.06);
}
.norBtn {
  width: 100%;
  margin: 5px auto;
  display: block;
  background: #57419d;
  height: 48px;
  line-height: 48px;
  text-decoration: none;
  color: #333 !important;
  font-size: 1rem !important;
  font-weight: bold;
  border: 0px;
  border-radius: 50px;
  box-shadow: 0 1px 3px 0 rgba(0, 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: #57419d !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;
}

.globalBody {
  padding-bottom: 55px;
}
.linkTxt {
  color: #57419d !important;
}
.linkTxt:after {
  display: inline-block;
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 10px;
  font-weight: normal !important;
  margin-left: 3px;
}

.numBlue,
.positive {
  color: #57419d;
}
.numRed,
.negative {
  color: #f74b4b;
}
.neither {
  color: #857bff;
} /* #01bd75 */
.ordinary {
  color: #0398ff !important; /*01bd8b*/
}

.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: #57419d;
}
.graphNum {
  display: inline-block;
  width: 13%;
  vertical-align: middle;
  padding-left: 5px;
  font-size: 10px;
  text-align: right;
}

.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: #57419d;
  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("/admin/static/img/comm/bg_checkbox_off.png") no-repeat 0 3px;
}
.imgChkBox .lbOn {
  background: url("/admin/static/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;
  font-size: 12px;
  line-height: 23px;
}
.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("/admin/static/img/btn/btn_viewtoggleOff.png") no-repeat 0px
    7px;
}
.imgChkView .viewOn {
  background: url("/admin/static/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;
}

/* ==========================================================================
   2. 레이아웃
   ========================================================================== */
html {
  background: #eef0f8;
} /*background:#f2f6f8;*/
.wrap {
  width: 100%;
  margin: 0 auto;
  min-width: 1080px;
  min-height: 90vh;
}
.header {
  width: 100%;
  text-align: center;
  position: fixed;
  overflow: hidden;
  z-index: 800;
  top: 0;
}
.headerWrap {
  height: 55px;
  position: fixed;
  background: #fff;
  top: 0px;
  left: 0px;
  right: 0px;
  z-index: 999;
  box-shadow: 0px 4px 10px -5px rgba(0, 0, 0, 0.1);
  border-radius: 0px;
}

/*.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: 55px;
  min-width: 1200px;
  position: relative;
}
.innerheaderWrap:after {
  display: block;
  content: "";
  clear: both;
}
.headerWrap .logoDiv {
  height: 55px;
  line-height: 55px;
  float: left;
  position: relative;
  z-index: 999;
}
.headerWrap .logoDiv .headerLogo {
  line-height: 55px;
  display: inline-block;
}
.headerWrap .logoDiv .headerLogo img {
  vertical-align: middle;
}
.headerWrap .logoDiv .storeSelect {
  background: #fff;
  color: #000;
  width: 200px;
  vertical-align: middle;
  border: 1px solid transparent;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.07em;
  margin-left: 7px;
}
.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: 55px;
  float: right;
  padding-top: 10px;
  padding-right: 20px;
}
.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/static/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;
}
.headerWrap .topMenu .btnTopAside {
  display: inline-block;
  background: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 20px;
  text-align: center;
  background: #d5d8ff;
  color: #404bfa;
  border-radius: 4px;
}
.headerWrap .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: 160px;
  text-align: center;
  position: absolute;
  top: 54px;
  right: 20px;
}
.headerWrap .ctrMyAside li:after {
  display: block;
  clear: both;
  content: "";
}
.headerWrap .ctrMyAside li span.title {
  line-height: 35px;
  padding-left: 20px;
  float: left;
}
.headerWrap .ctrMyAside li span.control {
  line-height: 35px;
  padding-right: 20px;
  float: right;
}
.headerWrap .ctrSetAside {
  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: 68px;
}
.contentsWrap {
  margin-top: 75px;
  background: #f2f5f7;
}
.headerResBtn {
  height: 32px;
  font-size: 11px;
  background: #fff;
  border-radius: 6px;
  color: #262f7b;
  font-weight: bold;
  width: 200px;
  line-height: 32px;
  float: left;
}
.headerResBtn li {
  width: 50%;
  float: left;
  cursor: pointer;
  text-align: left;
  padding: 0 5px 0 10px;
  box-sizing: border-box;
}
.headerResBtn li:after {
  display: block;
  content: "";
  clear: both;
}
.headerResBtn li span {
  float: right;
}
.headerNotiCoun {
  color: #fff;
  background: #e82626;
  padding: 3px 5px;
  border-radius: 5px;
  line-height: 15px;
  margin-top: 6px;
}

.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: 70px 0 0;
  position: relative;
}
.contents {
  height: calc(100% - 100px);
}

.innerWrap {
  margin: 0px 25px 15px 245px;
  max-width: 1080px;
}
.innerWrapType02 {
  margin: 0px 3.5% 15px 215px;
  min-width: 1200px;
  max-width: 1200px;
}
.innerWrapType03 {
  margin: 0px auto 15px 215px;
  min-width: 1200px;
  max-width: 1200px;
}
.innerWrapType04 {
  margin: 0px 20px 15px 215px;
  min-width: 1200px;
  max-width: 1400px;
}
.innerWrapType05 {
  margin: 0px 3.5% 15px 215px;
  min-width: 1180px;
  max-width: 1180px;
}
/* 20210824 백업 .innerWrapType06{margin: 0px auto 15px auto;min-width:1025px;max-width:1025px; width: 100%;}*/
.innerWrapType06 {
  margin: 0px auto 15px auto;
  min-width: 1300px;
  max-width: 1300px;
}

.closeLnb .innerWrap {
  margin: 15px auto !important;
  min-width: 1150px;
  max-width: 1400px;
  padding: 0 20px !important;
}
.closeLnb .innerWrapType02 {
  margin: 15px auto !important;
  min-width: 1150px;
  max-width: 1400px;
  padding: 0 20px !important;
}
.closeLnb .innerWrapType03 {
  margin: 15px auto !important;
  min-width: 1150px;
  max-width: 1400px;
  padding: 0 20px !important;
}
.closeLnb .innerWrapType04 {
  min-width: 1300px;
  max-width: 100%;
  margin-left: 24px !important;
}

.broadBox {
  max-height: 44vh;
  overflow-y: auto;
  border: 1px solid #ddd;
}

.topGnbMenu {
  height: 55px;
  position: fixed;
  top: 0px;
  left: 227px;
  right: 0px;
  transition: All 0.1s ease !important;
  min-width: 1200px;
  max-width: 1400px;
}
.topGnbMenu:after {
  display: block;
  clear: both;
  content: "";
}
.topGnbMenu > li > a {
  width: 100%;
  height: 55px;
  line-height: 55px;
  display: block;
  float: left;
  color: #4f4f4f;
  transition: All 0.1s ease !important;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.07em;
  text-align: left;
}
.topGnbMenu > li > a p {
  margin-top: 5px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.topGnbMenu > li > a.on {
  opacity: 1 !important;
  background: #fff !important;
  color: #0398ff !important;
  font-weight: 700;
  height: 45px;
  line-height: 45px;
  margin-top: 9px;
  border-radius: 10px;
  text-align: left;
  padding-left: 10px;
}
.topGnbMenu > li > a.on p {
  color: #fff !important;
}
.topGnbMenu > li > a:hover {
  opacity: 0.8;
  transition: All 0.1s ease !important;
  color: #0398ff;
  font-weight: 700;
}
.topGnbMenu > li.open .hide {
  display: block !important;
}
.topGnbMenu > li:last-child {
}
.topGnbMenu > li:last-child p {
  letter-spacing: -0.03em;
}
.topGnbMenu > li {
  float: left;
  position: relative;
  width: 9%;
}
.topGnbMenu > li > a > img {
  transform: scale(0.8);
}
.topGnbMenu > li > a > span {
  vertical-align: middle;
  margin-left: 7px;
}

.topGnbMenu .hide {
  position: absolute;
  top: 55px;
  left: -20px;
  display: none;
  padding: 8px 10px 10px 20px;
  background: #fff;
  border-radius: 0px 0px 10px 10px;
  min-width: 175px;
  box-shadow: 1px 5px 3px 0px rgb(0 0 0 / 33%);
}
.topGnbMenu .hide li .lnb_subBtn {
  display: inline-block;
  font-size: 14px;
  padding: 10px 0;
  letter-spacing: -0.05em;
}
.topGnbMenu .hide li .lnb_subBtn.on {
  color: #0398ff !important;
  position: relative;
  z-index: 2;
  font-weight: 600;
}
.topGnbMenu .hide li .lnb_subBtn.on:after {
  position: absolute;
  bottom: 5px;
  display: block;
  content: "";
  width: 94%;
  height: 7px;
  z-index: -1;
  background: #fff822;
  left: 7px;
}
.topGnbMenu .hide li .lnb_subBtn:hover {
  background: none;
  color: #0398ff !important;
  text-decoration: underline;
}
.topGnbMenu .hide li dl {
  display: none;
  margin-bottom: 18px;
}
.topGnbMenu .hide li.open dl {
  display: block;
  padding: 8px 0 12px 10px;
}
.topGnbMenu .hide li dl dd {
}
.topGnbMenu .hide li dl dd a {
  padding: 7px 0;
  font-size: 13px;
  display: inline-block;
}
.topGnbMenu .hide li dl dd a:before {
  content: "- ";
}
.topGnbMenu .hide li dl dd a:hover {
  color: #0398ff !important;
}
.topGnbMenu .hide li dl dd a.on {
  color: #0398ff;
}

.detailSlideWrap {
  height: 307px;
  background-size: auto;
  position: relative;
  width: 29%;
}
.detailImgSlide {
  background: 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.detailImgSlide02 {
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.detailImgSlide02 img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mainSlideWrap {
  height: 440px;
  background-size: auto;
  position: relative;
  width: 700px;
}
.mainImgSlide {
  background: 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.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 #57419d;
  color: #57419d;
  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;
}

.commTab {
  clear: both;
  height: 42px;
  background: #fff;
}
.commTab ul {
  height: 42px;
  border-bottom: 1px solid #dedede;
}
.commTab ul:after {
  display: block;
  clear: both;
  content: "";
}
.commTab li {
  display: block;
  float: left;
  min-width: 150px;
  height: 42px;
  text-align: center;
  font-size: 0.8rem;
  color: #aaa;
}
.commTab li a {
  color: #aaa;
  display: block;
  letter-spacing: -0.05em;
  height: 42px;
  padding-top: 13px;
  background: #f5f5f5;
}
.commTab li a:hover {
  color: #000 !important;
}
.commTab li.on {
  color: #57419d;
  border-left: 1px solid #29327f;
  border-right: 1px solid #29327f;
  border-top: 1px solid #29327f;
  position: relative;
  z-index: 10;
  border-bottom: 1px solid #fff;
}
.commTab li.on a {
  color: #57419d;
  font-weight: bold;
  background: #fff !important;
}

.choiceObjTab {
  border-bottom: 1px solid #ddd;
}
.choiceObjTab:after {
  clear: both;
  content: "";
  display: block;
}
.choiceObjTab > li {
  display: inline-block;
  height: 45px;
}
.choiceObjTab > li > a {
  min-width: 120px;
  text-align: left;
  color: #acacac;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.07em;
  line-height: 1.5;
  border-bottom: 1px solid #ddd;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*.choiceObjTab > li.active > a {*/
/*  border-bottom: 4px solid #0398ff;*/
/*  color: #181818;*/
/*  font-weight: 500;*/
/*}*/
.choiceObjTab > li.on > a,
.choiceObjTab > li.active > a {
  border-bottom: 4px solid #0398ff;
  color: #0398ff;
  font-weight: 500;
}
.choiceObjTab > li.off > a {
  color: #acacac;
  border-bottom: 4px solid transparent;
}
.choiceObjTab li .number {
  color: #ffffff;
  font-weight: 800;
  font-size: 13px;
  float: right;
  background: #b6b6b6;
  width: 30px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 5px;
  margin-left: 10px;
}
.choiceObjTab li .number.on {
  color: #ffffff;
  background: #0398ff;
}
.choiceObjTab li .number.off {
  color: #ffffff;
  background: #b6b6b6;
}
.choiceObjTab.cowid150 {
}
/*.choiceObjTab.cowid150 > li > a {min-width: 150px; padding: 10px 5px;}*/
.choiceObjTab.cowid150 > li > a {
  min-width: 190px;
  padding: 5px 15px;
}
.choiceObjTab.cowidNone > li > a {
  padding: 10px 20px !important;
  min-width: 0;
}

.choiceObjTab02 {
}
.choiceObjTab02:after {
  clear: both;
  content: "";
  display: block;
}
.choiceObjTab02 > li {
  float: left;
  height: 45px;
}
.choiceObjTab02 > li > a {
  min-width: 120px;
  border-radius: 1000px;
  text-align: center;
  color: #acacac;
  border: 1px solid #a2a2a2;
  margin-right: 10px;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.07em;
  line-height: 1.2;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.choiceObjTab02 > li.active > a {
  color: #ffffff;
  background: #0398ff;
  font-weight: 500;
  border: 1px solid #0398ff;
}
.choiceObjTab02 > li.on > a {
  color: #ffffff;
  background: #0398ff;
  font-weight: 500;
  border: 1px solid #0398ff;
}
.choiceObjTab02 > li.off > a {
  color: #acacac;
}

.w140 {
  width: 140px !important;
}

.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 #57419d;
  background: #fff;
}
.subTabbtn li.on:hover {
  background: #fff;
}
.subTabbtn li.on span {
  color: #57419d;
  font-size: 0.9rem;
  font-weight: normal;
  height: 38px;
  padding: 10px 15px 0px;
}
.subTabbtn li.on a {
  color: #57419d;
  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 #57419d;
  color: #57419d;
}
.tabbtnTop li.on a {
  color: #57419d;
}

.mwin_layer {
  position: absolute;
  _position: absolute;
  top: 0;
  left: 0;
  z-index: 9000;
  width: 100%;
  height: 100%;
}
.mwin_layer .bg_new {
  position: fixed;
  _position: absolute;
  top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  background: #000;
  opacity: 0.2;
  filter: alpha(opacity=50);
  transform: translate(-50%, -50%);
}
.v-overlay__scrim {
  opacity: 0% !important;
}
.mw_default {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  z-index: 9000;
  -moz-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
  -webkit-box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 18%);
}
.mw_default .mw_title {
  height: 60px;
  text-align: left;
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 10px 10px 0 0;
  border-bottom: 1px solid #ebedf3;
} /* url('/img/comm/bg_header.png') repeat-x 0 0 */
.mw_default .mw_title .title {
  font-size: 16px;
  color: #0a4ebc;
  font-weight: 500 !important;
  line-height: 60px;
  padding-left: 15px;
}
.mw_default .mw_title .close_layer {
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  top: 23px;
  right: 15px;
  opacity: 0.4;
}
.mw_default .mw_title .close_layer img {
  width: 100%;
}
.mw_default .mw_ctWrap {
  padding: 15px 20px 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  margin-top: -1px;
}
.mw_default .mw_ctWrap .pagenate {
  margin-bottom: 0 !important;
}
.mw_default .mw_ctWrap .mw_contents {
  padding: 0 !important;
}
.mw_default .mw_contents {
  padding: 20px 20px 15px 20px;
  background: #fff;
}

.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;
}

.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: #57419d;
}

.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: 0.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: 1rem;
}
.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: #57419d;
  color: #57419d;
}
.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: 13px;
  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: 13px;
  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: #262f7b;
}
.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: #57419d;
}
/*
.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: 1rem;
}
.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 #57419d;
  color: #57419d !important;
}
.listMinCTb td .cateName.negative {
  border: 1px solid #f74b4b;
  color: #f74b4b !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: #57419d;
}
.memoTd i {
  color: #999;
  font-size: 16px;
  font-weight: bold !important;
  margin-top: 1px;
}
.memoTd.on i {
  color: #57419d;
  font-size: 16px;
  font-weight: bold !important;
}

.loadWrap {
  position: relative;
}
.loadWrap .bg {
  background: rgba(0, 0, 0, 0);
  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 #57419d;
  color: #57419d;
  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: #57419d !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;
}

.timeTp {
  font-size: 0.85rem !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.85rem !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: 1rem !important;
  color: #57419d !important;
  letter-spacing: 0 !important;
  letter-spacing: -0.05em;
  font-weight: bold;
}
.priceTp:before {
  content: "\f159";
  font-family: "FontAwesome";
  font-size: 0.9rem;
  color: #57419d;
  font-weight: normal !important;
  margin-top: -5px;
  margin-right: 5px;
}

.heart:before {
  content: "\f004";
  font-family: "FontAwesome";
  font-size: 10px;
  color: #57419d;
  font-weight: normal !important;
  margin-top: -5px;
  margin-right: 5px;
}
.heart {
  color: #57419d;
}
.heart:before {
  content: "\f004";
  font-family: "FontAwesome";
  font-size: 10px;
  color: #57419d;
  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;
}

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

/* 페이징 */
.pagenate {
  text-align: center;
  margin: 20px auto 0;
  line-height: 30px;
}
.pagenate a {
  position: relative;
  z-index: 1;
  border: 1px solid #e1e1e1;
  color: #666;
  border-radius: 10px;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 2px;
  font-size: 13px;
  width: 30px;
  height: 30px;
  background: #fff;
}
.pagenate a:hover {
  background: #0398ff;
  color: #fff;
  border: 1px solid #0398ff;
  z-index: 9;
}
.pagenate a.now {
  background: #0398ff;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5);
  border: 1px solid #0398ff;
  z-index: 10;
  color: #fff;
}
.pagenate a.angle {
  background: #e4e7e8;
  border: 1px solid #e4e7e8;
}
.pagenate a.angle:hover {
  background: #0398ff;
  border: 1px solid #0398ff;
  color: #fff;
}

.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 아이폰그래프 컬러 */
.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: #57419d !important;
  color: #57419d;
}
.bgsGr02 {
  background: #f74b4b !important;
  color: #f74b4b;
}
.bgsGr03 {
  background: #857bff !important;
  color: #857bff;
}
.bgsGr04 {
  background: #01bd8b !important;
  color: #01bd8b;
  position: relative;
}
.bgsGr05 {
  background: #eb5858 !important;
  position: relative;
}
.bgsNum01 {
  color: #57419d;
  font-weight: bold;
}
.bgsNum02 {
  color: #f74b4b;
  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("/admin/static/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("/admin/static/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: #f74b4b !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("/admin/static/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: #57419d;
  background: #57419d;
  font-size: 13px;
}
.fa-circle.negative {
  color: #f74b4b;
  background: #f74b4b;
  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;
}

.cmpImg {
}
.cmpImg li {
  border: 1px solid #ddd;
  width: 18%;
  height: 120px;
  float: left;
  margin-right: 15px;
  position: relative;
  margin-bottom: 10px;
}
.cmpImg li .imgWrap {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.cmpImg li .imgWrap img {
  width: 100%;
  height: 100%;
}

.memoOn {
  position: relative;
}
.memoOn:after {
  display: block;
  content: "\f15c";
  font-family: "FontAwesome";
  color: #57419d !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 #57419d;
  border-radius: 8px;
  box-shadow: 0 8px 10px -7px rgba(0, 0, 0, 0.2);
  color: #57419d !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;
}

.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: #57419d;
  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 {
  padding: 15px 24px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
  min-height: 75vh;
} /*box-shadow: 2px 2px 0 0px #cccccc;*/
.inContWrap:after {
  clear: both;
  content: "";
  display: block;
}
.calAside {
  position: relative;
  margin-top: 10px;
}

.mcWrapBox {
  padding: 15px;
  border: 1px solid #dedede;
  border-radius: 8px;
  background: #fff;
  min-height: 35vh;
  display: inline-block;
  width: 49% !important;
}
.mcWrapBox tr:nth-child(2n + 2) td {
  background: #f5f5f5;
}

.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.85rem;
  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.85rem;
  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.85rem;
  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.85rem;
  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: 2rem;
}
.helpTipDiv .fa-arrows-alt-h {
  font-size: 2rem;
}
.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 #57419d;
}
.readonly {
  background: #fafafa !important;
  color: #000;
}
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;
}

/******************* 지플랫폼 백오피스 20210812 */

.tableState01 td {
  background: #fef6ce !important;
}
.tableState02 td {
  background: #e8e8e8 !important;
}
.tableState03 td {
  background: #fff1f1 !important;
}

.logoWrap {
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 195px;
}
.logoWrap a {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url("/admin/static/img/common/logo.png") no-repeat 50% 50%;
  background-size: contain;
}

.joinStatWrap {
  min-height: 200px;
  width: 100% !important;
}
.payStatWrap {
  min-height: 200px;
  width: 100% !important;
}
.gpTitleBor {
  border-bottom: 1px solid #dedede;
  padding-bottom: 22px;
}
.chart {
  width: 100%;
}

/* 20210813_백업
.joinStatWrap{min-height: 370px; width: 36% !important;}
.payStatWrap{min-height: 370px; width: 63% !important;}
*/

.mb32 {
  margin-bottom: 32px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb22 {
  margin-bottom: 22px !important;
}
.mb18 {
  margin-bottom: 18px !important;
}
.mb14 {
  margin-bottom: 14px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}

.mt32 {
  margin-top: 32px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt14 {
  margin-top: 14px !important;
}
.mt8 {
  margin-top: 8px !important;
}

.mr32 {
  margin-right: 32px !important;
}
.mr24 {
  margin-right: 24px !important;
}
.mr22 {
  margin-right: 22px !important;
}
.mr18 {
  margin-right: 18px !important;
}
.mr14 {
  margin-right: 14px !important;
}
.mr8 {
  margin-right: 8px !important;
}

.ml32 {
  margin-left: 32px !important;
}
.ml24 {
  margin-left: 24px !important;
}
.ml22 {
  margin-left: 22px !important;
}
.ml18 {
  margin-left: 18px !important;
}
.ml14 {
  margin-left: 14px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.ml3 {
  margin-left: 3px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}
.mt1_m {
  margin-top: -1px !important;
}
.mt10_m {
  margin-top: -10px !important;
}
.mt22_m {
  margin-top: -22px !important;
}

.w29p {
  width: 29% !important;
}
.w31p {
  width: 31% !important;
}
.w42p {
  width: 42% !important;
}

.notiTitle {
  font-weight: 600 !important;
  padding-top: 10px !important;
  padding-bottom: 20px !important;
  margin-bottom: 15px !important;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
}
.notiTable {
  width: 100%;
}
.notiTable tbody tr {
  height: 30px;
}
.notiTable tbody th {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.07em;
}
.notiTable tbody td a {
  font-size: 13px !important;
  font-weight: 400;
  letter-spacing: -0.07em;
}

.consultRegWrap {
  background: #f1f2f3;
  padding: 18px;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.editDiv {
  /* height: 50vh; */
  border: 1px solid #ddd;
  width: 100%;
  margin-top: 32px;
  padding: 10px;
}
.ck-source-editing-area textarea {
  left: 0 !important;
}
.gpTitle00 {
  font-size: 26px !important;
} /*대타이틀*/
.gpTitle01 {
  font-size: 24px !important;
} /*대타이틀*/
.gpTitle02 {
  font-size: 22px !important;
  font-weight: 500;
} /*대타이틀*/
.gpTitle03 {
  font-size: 18px !important;
} /*중 타이틀*/
.gpTitle04 {
  font-size: 16px !important;
} /*중 타이틀*/
.gpTitle05 {
  font-size: 15px !important;
} /*메뉴,소타이틀*/
.gpTxt01 {
  font-size: 15px !important;
} /*본문, 테이블th*/
.gpTxt02 {
  font-size: 14px !important;
} /*본문, 테이블td*/
.gpTxt03 {
  font-size: 13px !important;
} /*본문*/

.jsUL {
}
.jsUL li {
  width: 100%;
  height: 92px;
  text-align: center;
  border: 1px solid #ccc;
  margin-bottom: 5px;
  border-radius: 5px;
}
.jsUL li .number {
  font-size: 35px;
  font-weight: 700;
  margin-top: 14px;
}
.jsUL li .number.type01 {
  color: #5679ff;
}
.jsUL li .number.type02 {
  color: #ec76c4;
}
.jsUL li .number.type03 {
  color: #0398ff;
}
.jsUL li .number.type04 {
  color: #ff9c2c;
}
.jsUL li .number.off {
  color: #808494 !important;
}
.jsUL li .cate {
  font-size: 18px;
  font-weight: 500;
  color: #434343;
  margin-top: 10px;
}

.optionWrap {
  height: 50px;
  line-height: 48px;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #0398ff;
  font-size: 14px;
  color: #0398ff;
}

.psUL {
}
.psUL > li {
  width: 100%;
  background: #eee;
  height: 92px;
  margin-bottom: 5px;
  border-radius: 5px;
  padding: 18px;
}
.psUL > li.type01 {
  background: #eaeeff;
}
.psUL > li.type02 {
  background: #ffeef9;
}
.psUL > li.type03 {
  background: #e6f5ff;
}
.psUL > li.type04 {
  background: #fff3e5;
}
.psUL > li .title {
  font-size: 18px;
  font-weight: 700;
  vertical-align: middle;
}
.psUL > li .ico {
  margin-left: 4px;
}
.psUL > li .ico img {
  width: 32px;
}
.psUL > li:last-child {
  margin-right: 0% !important;
}
.titleWrap {
  float: left;
  width: 30%;
  line-height: 52px;
}
/*추가*/
.titleWrap .ico {
  display: inline-block;
  width: 30%;
}

.pstxtUl {
  float: right;
  width: 60%;
}
.pstxtUl li {
  width: 33%;
  float: left;
}
.pstxtUl li.pstxt {
  font-size: 14px;
  font-weight: 400;
  color: #434343;
  text-align: center;
}
.pstxtUl li.pstxt .number {
  font-size: 25px;
  margin-top: 8px;
  margin-bottom: 8px;
  font-weight: 700;
  color: #5d5d5d;
}
.pstxtUl li.pstxt .number.off {
  color: #808494 !important;
}

.pstxtUl.type01 li.pstxt .number {
  color: #db5db1;
}
.pstxtUl.type02 li.pstxt .number {
  color: #0398ff;
}
.pstxtUl.type03 li.pstxt .number {
  color: #ff9319;
}
.pstxtUl.type04 li.pstxt .number {
  color: #5679ff;
}

/* 20210824_백업
.psUL{}
.psUL li{float: left;width: 23.5%; margin-right: 2%; background: #eee; height: 200px;border-radius: 15px;padding: 24px;}
.psUL li.type01{background:#eaeeff;}
.psUL li.type02{background:#ffeef9;}
.psUL li.type03{background:#e6f5ff;}
.psUL li.type04{background:#fff3e5;}
.psUL li .title{font-size: 18px;font-weight: 700; vertical-align: middle;}
.psUL li .ico{margin-left: 4px;}
.psUL li .ico img{width: 32px;}
.psUL li .pstxt{font-size: 14px; margin-bottom: 24px;font-weight: 600; color: #4e4e4e;}
.psUL li .pstxt:after{content:''; display:block; clear:both}
.psUL li:last-child{ margin-right: 0% !important;}
*/

/* 20210824_백업
.jsUL{}
.jsUL li{float: left; width: 25%;  height: 110px; text-align: center;border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.jsUL li .number{font-size: 40px;font-weight: 700;margin-top: 22px;}
.jsUL li .number.type01{color:#5679ff;}
.jsUL li .number.type02{color:#ec76c4;}
.jsUL li .number.type03{color:#0398ff;}
.jsUL li .number.type04{color:#ff9c2c;}
.jsUL li .cate{font-size: 18px;font-weight: 500; color: #8d8d8d;margin-top: 10px;}
.jsUL li:last-child{ border-right: none;}
*/

/* 20210813_백업
.jsUL{margin-top: 24px;}
.jsUL li{float: left; width: 50%;  height: 138px; text-align: center;border-top: 1px solid #ebebeb; border-right: 1px solid #ebebeb;}
.jsUL li .number{font-size: 40px;font-weight: 700;margin-top: 32px;}
.jsUL li .number.type01{color:#5679ff;}
.jsUL li .number.type02{color:#ec76c4;}
.jsUL li .number.type03{color:#0398ff;}
.jsUL li .number.type04{color:#ff9c2c;}
.jsUL li .cate{font-size: 18px;font-weight: 500; color: #8d8d8d;margin-top: 10px;}
.jsUL li:nth-child(even){ border-right: none;}
*/

.taxPreUL {
  width: 100%;
}
.taxPreUL li {
  border: 1px solid #ddd;
  padding: 18px;
  border-radius: 5px;
  margin-bottom: 10px;
  position: relative;
  cursor: pointer;
}
.taxPreUL li .cor {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}
.taxPreUL li .name {
  font-size: 16px;
}
.taxPreUL li .badge {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  right: 18px;
  font-size: 16px;
  background: #0398ff;
  height: 32px;
  line-height: 23px;
  width: 60px;
  text-align: center;
  border-radius: 5px;
}
.taxPreUL li:hover {
  border: 1px solid #0398ff;
}
.taxPreUL li.on {
  border: 1px solid #0398ff;
  background: #eef7ff;
}

.sjUL {
  width: 100%;
}
.sjUL li {
  float: left;
  width: 49%;
  height: 44px;
  line-height: 44px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 0 7px;
  font-size: 14px;
  margin-right: 1%;
  margin-bottom: 1%;
  border-radius: 5px;
} /*16.66%*/
.sjUL li:before {
  content: "";
  display: block;
  clear: both;
}
.sjUL li a {
  color: #434343 !important;
}
.sjUL li:nth-child(2n) {
  margin-right: 0;
}
.sjUL li .number {
  float: right;
  width: 30px;
  height: 30px; /*background: #ccc*/
  background-color: #eee;
  color: #666;
  border-radius: 1000px;
  text-align: center;
  line-height: 30px;
  margin-top: 7px;
  font-weight: 600;
}
/*추가*/
.sjUL li .number.type00 {
  background: #0398ff;
  color: #fff;
}
.sjUL li .number.type01 {
  background: #ffeedb;
  color: #ff961e;
}
.sjUL li .number.type02 {
  background: #ffecd6;
  color: #e37900;
}
.sjUL li .number.type03 {
  background: #ffe7ca;
  color: #b05e00;
}
.sjUL li .number.type04 {
  background: #c5d0ff;
  color: #020d3a;
}
.sjUL li .number.type05 {
  background: #ffe0f4;
  color: #ff3fbe;
}
.sjUL li .number.type06 {
  background: #ffdcf3;
  color: #e536aa;
}
.sjUL li .number.type07 {
  background: #ffd0ef;
  color: #c61584;
}
.sjUL li .number.type08 {
  background: #ffbae7;
  color: #9b0c5b;
}
.sjUL li .number.type09 {
  background: #daf0ff;
  color: #047fd5;
}
.sjUL li .number.type10 {
  background: #ccebff;
  color: #0f79c2;
}
.sjUL li .number.type11 {
  background: #bde5ff;
  color: #0a69a9;
}
.sjUL li .number.type12 {
  background: #a8ddff;
  color: #043455;
}

/* 20210824_백업
.sjUL{width: 100%;}
.sjUL li{float: left;width: 19.2%;height: 50px;line-height: 50px;background: #fff;border: 1px solid #ccc; padding: 0 7px; font-size: 14px; margin-right: 1%; margin-bottom: 1%;border-radius: 5px;}
.sjUL li:nth-child(5n){margin-right: 0;}
.sjUL li:before{content:''; display:block; clear:both}
.sjUL li .number{float: right;width: 30px; height: 30px; background: #ccc;border-radius: 1000px;text-align: center; line-height: 30px; margin-top: 8px;  font-weight: 600;}
.sjUL li .number.type01{background:#dbe2ff; color:#395de5;}
.sjUL li .number.type02{background:#ffd9f1; color:#ed20a8;}
.sjUL li .number.type03{background:#c1e6ff; color:#0c629d;}
.sjUL li .number.type04{background:#ffe3c3; color:#d7780d;}
.sjUL li .number.type05{background:#c0e9e0; color:#0a7662;}
.sjUL li .number.type06{background:#e2c7ff; color:#571a99;}
.sjUL li .number.type07{background:#ffd3d3; color:#8d1212;}
.sjUL li .number.type08{background:#c8ffcc; color:#0f6316;}
.sjUL li .number.type09{background:#ede9b3; color:#5d5706;}
.sjUL li .number.type10{background:#d4c9ff; color:#5a119f;}
.sjUL li .number.type11{background:#d3ffc0; color:#34930b;}
*/

.btnWrap {
  position: absolute;
  top: 0;
  right: 30px;
  height: 55px;
  line-height: 55px;
}
.btnWrap a {
  margin-left: 5px;
}
.btnWrap a img {
  width: 29px;
}
.btnWrap .bell {
  position: relative;
}
.btnWrap .bell .badge {
  position: absolute;
  top: -3px;
  right: -3px;
  background: #0398ff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  text-align: center;
  font-weight: 500;
  font-size: 10px !important;
}
.btnWrap .profile {
  display: inline-block;
  height: 55px;
}
.profileDiv {
  position: absolute;
  top: 55px;
  right: 4.2%;
  background: #fff;
  width: 110px;
  height: 88px;
  box-shadow: 1px 5px 3px 0px rgb(0 0 0 / 33%);
  border-radius: 0px 0px 10px 10px;
}
.profileDiv a {
  display: block;
  height: 38px;
  line-height: 38px;
  /* padding-left: 10px; */
  font-size: 14px;
}

.sitemap {
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  padding: 32px;
}
.sitemapP {
  border-bottom: 1px solid #ddd;
  padding-bottom: 32px;
  margin-bottom: 32px !important;
}
.sitemapUL {
  width: 24%;
  display: inline-block;
  vertical-align: top;
}
.sitemapUL li {
  margin-bottom: 18px;
  font-size: 15px;
}
.sitemapUL li:first-child {
  font-size: 18px;
  margin-bottom: 32px;
  font-weight: 600;
}
.sitemapULWrap {
  margin-bottom: 32px;
  border-bottom: 1px solid #ddd;
  padding: 0px 5% 32px 17%;
}
.sitemapScroll {
  overflow-y: auto;
  height: 79vh;
}
.sitemapX {
  position: absolute;
  top: 12px;
  right: 10px;
  opacity: 0.5;
}
.sitemapTitle {
  position: relative;
  font-weight: 600;
  margin-bottom: 14px !important;
  font-size: 26px !important;
}
.sitemapTitle02 {
  font-size: 18px;
  margin-bottom: 32px;
  font-weight: 600;
  color: #0398ff;
}

.searchSel {
  width: 110px;
}
.searchWrap {
  border: 1px solid #999;
  padding: 15px 24px;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
  margin-bottom: 8px;
  position: relative;
} /* box-shadow: 2px 2px 0 0px #cccccc;*/
/*.searchWrap .searchForm {*/
/*  width: 90%;*/
/*}*/
/*.searchWrap .searchForm select {*/
/*  min-width: 100px;*/
/*}*/
.searchWrap .setSearch {
  width: 15%;
  margin: 0 auto !important;
  padding: 0;
  text-align: right;
  position: absolute;
  right: 24px;
  bottom: 15px;
}
.searchWrap .setSearch .btnSearch {
  display: inline-block;
  width: 85px !important;
  text-align: center !important;
}
/* 22.12.09 위 클래스 제거 margin: 0 !important; */
.searchWrap .setSearch02 {
  width: 9%;
  padding: 0;
  vertical-align: bottom;
  display: inline-block;
}
.searchWrap .setSearch02 .btnSearch {
  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-radiobox {
  position: relative;
  top: -3px;
}
.searchTerm {
  width: auto;
  display: inline-block;
  border: 1px solid #ddd;
  height: 36px;
  line-height: 36px;
  vertical-align: middle;
  border-radius: 3px; /*210826추가*/
  background-color: #fff;
  vertical-align: middle;
  transform: translateY(1px);
}
.searchTerm:after {
  display: block;
  content: "";
  clear: both;
}
.searchTerm li {
  float: left;
  width: 70px;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  cursor: pointer;
  line-height: 36px;
  font-size: 12px;
  font-weight: 400;
}
.searchTerm li.btn.on {
  background-color: #e6f5ff;
  color: #0398ff;
}
.searchTerm li:last-child {
  border-right: none;
}

.mStatDiv {
  background: #fff;
  width: 24.2%;
  display: inline-block;
  box-shadow: 0px 0px 30px 0px rgb(82 63 105 / 5%);
  height: 46px;
  letter-spacing: -0.05em;
  line-height: 44px;
  font-weight: 400;
  font-size: 13px;
  border-radius: 3px;
  margin-right: 1.053%;
  padding: 0px 18px;
  text-align: left;
}
/*
.mStatDiv{background: #fff; width: 24%; display: inline-block; box-shadow: 2px 2px 0 0px #cccccc;height: 50px; line-height: 50px;font-weight: 500;font-size: 14px;border-radius: 3px; margin-right: 1.053%;padding: 0px 18px;}
*/
/* 22.12.09 .mStatDiv text-align: left 추가 width: 24-> 24.2%;로 수정 */
.mStatDiv img {
  width: 23px;
  height: 23px;
  margin-right: 4px;
  vertical-align: middle;
  transform: translateY(-3px);
}
.mStatDiv .number {
  float: right;
  font-size: 18px;
  font-weight: bold;
}

.mStatDiv02 {
  background: #fff;
  width: 24%;
  display: inline-block;
  box-shadow: 2px 2px 0 0px #cccccc;
  height: 60px;
  font-weight: 500;
  border-radius: 3px;
  margin-right: 1.053%;
  padding: 0px 13px;
}
.mStatDiv02 p {
  line-height: 18px;
  font-size: 14px;
  width: 40%;
  float: left;
}
.mStatDiv02 img {
  width: 23px;
  height: 23px;
  margin-right: 2px;
  float: left;
  margin-top: 7%;
  vertical-align: middle;
}
.mStatDiv02 .type01 {
  margin-top: 8%;
  margin-left: 5px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 500;
}
.mStatDiv02 .type02 {
  margin-top: 6%;
  margin-left: 5px;
  font-size: 13px;
  line-height: 1;
  letter-spacing: -0.05em;
  font-weight: 500;
}
.mStatDiv02 .number {
  float: right;
  font-size: 17px;
  font-weight: 700;
  text-align: right;
  margin-top: 5%;
}
.mStatDiv02 .number .nt01 {
  display: inline-block;
}
.mStatDiv02 .number .nt02 {
  display: block;
  font-size: 15px;
  font-weight: 500;
  margin-top: 4px;
  color: #676767;
}

.w32_4 {
  width: 32.4% !important;
}

.detailST {
}
.detailST tbody {
}
.detailST tbody tr {
  height: 45px;
}
.detailST tbody tr th {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.05em;
}
.detailST tbody tr td {
}

.dsLabelWrap {
  min-width: 32%;
  max-width: 32%;
  margin-bottom: 5px;
  font-size: 13px !important;
  letter-spacing: -0.05em;
}
.dsLabelWrap02 {
  min-width: 16%;
  max-width: 32%;
  margin-bottom: 5px;
  font-size: 13px !important;
  letter-spacing: -0.05em;
}
.dsLabelWrap03 {
  min-width: 19%;
  max-width: 32%;
  margin-bottom: 5px;
  font-size: 13px !important;
  letter-spacing: -0.05em;
}

.passwordCP {
  text-align: center;
  margin-bottom: 18px;
  font-weight: 600;
}
.passwordCP02 {
  font-size: 13px;
  margin-top: 8px;
  color: #e4143a;
}
.passwordCW {
  border: 1px solid #e4143a !important;
}

.servicePopUl {
  overflow-y: auto;
  max-height: 75vh;
  padding-right: 5px;
}
.servicePopUl li {
  margin-bottom: 5px;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  margin-bottom: 10px;
}
.servicePopUl li .badge {
  color: #000;
  background: #ddd;
  border-radius: 3px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  padding: 0 5px;
  margin-bottom: 10px;
}
.servicePopUl li .badge.type01 {
  color: #0a7662 !important;
  background: #c0e9e0 !important;
}
.servicePopUl li .badge.type02 {
  color: #0398ff !important;
  background: #d5eeff !important;
}
.servicePopUl li .badge.type03 {
  color: #ed20a8 !important;
  background: #ffd9f1 !important;
}
.servicePopUl li .badge.type04 {
  color: #d7780d !important;
  background: #ffe3c3 !important;
}
.servicePopUl li .date {
  font-size: 13px;
  margin-top: 13px;
  color: #6e6e6e;
  letter-spacing: 0px !important;
}

.popSearchWrap {
  border: 1px solid #bdb3de;
  padding: 8px;
  border-radius: 3px;
  background: #fff;
  margin-bottom: 18px;
  position: relative;
}
.popSearchWrap .setSearch {
  width: 15%;
  margin: 0 auto !important;
  padding: 0;
  text-align: right;
  position: absolute;
  right: 8px;
  bottom: 5px;
}
.popSearchWrap .setSearch .btnSearch {
  width: 85px;
  height: 36px;
  line-height: 36px;
  padding: 0px 17px;
  text-align: center;
  font-size: 13px;
  background: #d5eeff;
  border-radius: 5px;
  color: #0398ff !important;
  font-weight: 600;
  display: inline-block;
}
.popSearchWrap .searchTermPop {
  width: auto;
  display: inline-block;
  border: 1px solid #ddd;
  height: 35px;
  line-height: 35px;
  vertical-align: bottom;
  border-radius: 3px;
}
.popSearchWrap .searchTermPop:after {
  display: block;
  content: "";
  clear: both;
}
.popSearchWrap .searchTermPop li {
  float: left;
  width: 65px;
  text-align: center;
  border-right: 1px solid #ddd;
  cursor: pointer;
  line-height: 33px;
  font-size: 13px;
}
.popSearchWrap .searchTermPop li:last-child {
  border-right: none;
}
.popSearchWrap .searchpopBtn {
  position: absolute;
  right: 8px;
}

.mtable {
  width: 100%;
  border: 1px solid #ddd;
}
.mtable tbody {
}
.mtable tbody tr {
  border-bottom: 1px solid #ddd;
}
.mtable tbody tr th {
}
.mtable tbody tr td {
  padding: 12px 0;
  text-align: center;
  font-weight: 500;
}
.mtable tbody .name {
  font-size: 15px;
  font-weight: 600;
  color: #0398ff;
  margin-bottom: 8px;
}
.mtable tbody .mail {
  font-size: 13px;
  color: #626262;
  letter-spacing: -0.04em;
  font-weight: 400;
}

.tarselDiv {
  height: 50vh;
  background: #f5f5f5;
  margin-top: 15px;
}
.tarselDiv p {
  padding-top: 29%;
  text-align: center;
  line-height: 1.2rem;
}

.exappMDate {
  font-size: 11px;
  color: #666;
  font-weight: 400;
  margin-top: 4px;
}

.solListWrap {
}
.solListWrap ul {
}
.solListWrap ul li {
  height: 43px;
  line-height: 43px;
  border: 1px solid #ddd;
  margin-bottom: 8px;
  cursor: pointer;
  border-radius: 5px;
  padding: 0px 18px;
  position: relative;
  background: #fff;
}
.solListWrap ul li.on {
  background-color: #eef7ff;
  border-color: #0398ff;
}
.solListWrap ul li .ico {
  color: #bbb;
  float: left;
  height: 100%;
  width: 6%;
}
.solListWrap ul li .name {
  font-size: 13px;
  margin-left: 5px;
  display: inline-block;
  font-weight: 500;
}
.solListWrap ul li .badge {
  position: absolute;
  background: #ddd;
  height: 22px;
  line-height: 13px;
  color: #000;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.solListWrap ul li.on .badge {
  color: #fff;
  background: #0398ff;
}

.LH34 {
  line-height: 34px;
}

.businessCateUl {
}
.businessCateUl:after {
  display: block;
  content: "";
  clear: both;
}
.businessCateUl li {
  cursor: pointer;
  float: left;
  width: 24%;
  text-align: center;
  height: 40px;
  border: 1px solid #ddd;
  line-height: 40px;
  font-size: 14px;
  margin-right: 1%;
  margin-bottom: 1%;
  color: #525252;
  font-weight: 500;
  border-radius: 3px;
}
.businessCateUl li:nth-child(4n) {
  margin-right: 0px;
}
.businessCateUl li:hover {
  border: 1px solid #0398ff;
  color: #0398ff !important;
}
.businessCateUl li.on {
  background: #d5eeff !important;
  color: #0398ff !important;
  font-weight: 600;
}

.arrUpIco {
  width: 15px;
  background: url(/admin/static/img/common/arrUP.svg) no-repeat 0 50%;
  background-size: contain;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.arrDwIco {
  width: 15px;
  background: url(/admin/static/img/common/arrDW.svg) no-repeat 0 50%;
  background-size: contain;
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.stateViewPopUL {
}
.stateViewPopUL li {
  height: 50px;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 0 18px;
  margin-bottom: 10px;
  color: #666;
}
.stateViewPopUL li.now {
  border: 2px solid #0398ff;
  color: #0398ff;
}
.stateViewPopUL li.on {
  border: 1px solid #0398ff;
  background: #eef7ff;
  color: #000;
}
.stateViewPopUL li .checked {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: #b0b0b0;
  border-radius: 1000px;
  float: left;
  margin-top: 1.3%;
}
.stateViewPopUL li.pass {
  border: 1px solid #eee;
  color: #aaa;
}
.stateViewPopUL li.pass .checked {
  background-color: #eee;
}
.stateViewPopUL li.on .checked,
.stateViewPopUL li.now .checked {
  background-color: #fff;
  border: 1px solid #0398ff;
}
.stateViewPopUL li.on .checked:after {
  content: "\f00c";
  font-size: 25px;
  display: block;
  margin-top: 4px;
  text-align: center;
  color: #0398ff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.stateViewPopUL li .title {
  width: 67%;
  float: left;
  height: 48px;
  line-height: 48px;
  margin-left: 2%;
}
.stateViewPopUL li .right {
  line-height: 18px;
  margin-top: 6px;
  text-align: right;
}
.stateViewPopUL li .right .name {
}
.stateViewPopUL li .right .date {
}

.termsUl {
}
.termsUl li {
  height: 45px;
  line-height: 45px;
  background: #f5f5f5;
  border: 1px solid #dddddd;
  border-radius: 3px;
  padding: 0px 15px;
  margin-bottom: 5px;
  cursor: pointer;
}
.termsUl li:hover {
  border: 1px solid #0398ff;
}
.termsUl li.on {
  border: 1px solid #0398ff;
  background: #eef7ff !important;
}

.memberBadge {
  display: inline-block;
  width: 65px;
  height: 26px;
  background: #ddd;
  vertical-align: middle;
  border-radius: 5px;
  margin-left: 5px;
}
.memberBadge.kakao {
  background: url("/admin/static/img/sub/kakao.png") 50% 50% no-repeat;
  background-size: 70%;
  background-color: #ffdc00;
}
.memberBadge.google {
  background: url("/admin/static/img/sub/google.png") 50% 50% no-repeat;
  background-size: 70%;
  background-color: #fff;
  border: 1px solid #999;
}
.memberBadge.facebook {
  background: url("/admin/static/img/sub/facebook.png") 50% 50% no-repeat;
  background-size: 90%;
  background-color: #fff;
  border: 1px solid #999;
}
.memberBadge.naver {
  background: url("/admin/static/img/sub/naver.png") 50% 50% no-repeat;
  background-size: 70%;
  background-color: #03cf5d;
}
.memberBadge.apple {
  background: url("/admin/static/img/sub/apple.png") 50% 50% no-repeat;
  background-size: 70%;
  background-color: #000;
}

.btn_sort {
  margin-left: 4px;
}

.fxWrap {
  display: flex;
  justify-content: space-between;
}
.fxWrap.fxCt {
  align-items: center;
}
.fxItem {
  flex: 1;
}
.fxItemfix {
  flex: none;
}
.fxWrap.chart {
  height: 500px;
}
.fxWrap.chart .inContWrap {
  min-height: 500px;
}

.cp {
  cursor: pointer !important;
}
.ncp {
  cursor: default;
}
.noList {
  padding: 200px 0;
  background: #f3f5f7;
  text-align: center;
}

.fileAwrap {
  border: 1px solid #0398ff;
  padding: 5px;
  border-radius: 5px;
  font-size: 14px;
  color: #0398ff !important;
  font-weight: 500;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
}

.SubmenuTbody tr td {
  background: #ececec;
}
.SubmenuTbody tr .SubmenuTbody01 {
  margin-left: 40px;
  position: relative;
}
.SubmenuTbody tr .SubmenuTbody01:before {
  background: url(/complex/img/downArrow.png) no-repeat 0px 0px;
  content: "";
  display: block;
  position: absolute;
  top: 48%;
  left: -23px;
  font-size: 19px;
  transform: translateY(-50%);
  background-size: contain;
  width: 17px;
  height: 13px;
}
.SubmenuTbody tr .SubmenuTbody02 {
  margin-left: 80px;
  position: relative;
}
.SubmenuTbody tr .SubmenuTbody02:before {
  background: url(/complex/img/downArrow.png) no-repeat 0px 0px;
  content: "";
  display: block;
  position: absolute;
  top: 48%;
  left: -23px;
  font-size: 19px;
  transform: translateY(-50%);
  background-size: contain;
  width: 17px;
  height: 13px;
}

.SubmenuTbody01 {
  position: relative;
}
.SubmenuTbody tr .SubmenuTbody01:before {
  background: url(/admin/static/img/downArrow.png) no-repeat 0px 0px;
  content: "";
  display: block;
  position: absolute;
  top: 48%;
  left: -23px;
  font-size: 19px;
  transform: translateY(-50%);
  background-size: contain;
  width: 17px;
  height: 13px;
}

a.link_text:link {
  font-weight: 500;
}
.notiTable a.link_text:link {
  font-weight: 400;
}
.tableType01 tbody tr td.hlNm {
  font-weight: 600;
  color: #000;
}
.hlNm.big {
  font-size: 16px;
}
.hlNm.mid {
  font-size: 14px;
}
.hlNm,
input.hlNm {
  font-weight: 600;
  color: #000;
}
.fxWrap .btnStyleMins03 {
  font-weight: 500;
}

.dvThree div {
  width: 31%;
  text-align: center;
  line-height: 12px;
}
.dvThree:after {
  display: block;
  content: "";
  clear: both;
}

/* /////////////////지플랫폼 백오피스 20210812 */

.itemSectWrap {
}
.slideTab {
  position: sticky;
  top: 45px;
  overflow: hidden;
  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;
}

.btnPrimary {
  display: inline-block;
  width: 42px;
  height: 42px;
  line-height: 42px;
  background: #57419d;
  padding: 0;
  text-align: center;
  font-size: 1.1rem;
  font-weight: normal;
  color: #fff !important;
  border: 1px solid #57419d;
  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: #f74b4b;
  padding: 0;
  text-align: center;
  font-size: 1.1rem;
  font-weight: normal;
  color: #fff !important;
  border: 1px solid #f74b4b;
  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;
}

.cpLine tbody td,
.cpLine tbody th {
  cursor: pointer;
}

.btnBlockCfm {
  width: 100%;
  display: inline-block;
  height: 44px;
  line-height: 44px;
  background: #57419d;
  padding: 0;
  text-align: center;
  font-size: 0.9rem !important;
  font-weight: bold;
  color: #fff !important;
  border: 1px solid #57419d;
  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 #57419d;
}
.btnBlockNor.on i {
  color: #57419d !important;
}

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

.noBdrnumBg {
  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: #262f7b;
}
.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;
}

.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+ */
}

.gradient02 {
  background-image: linear-gradient(
    128deg,
    #3118bd 0%,
    #5347e9 60%,
    #20beea 100%
  );
}

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

.sideWrap {
  width: 195px;
  height: auto;
  position: fixed;
  top: 55px;
  left: 0px;
  bottom: 0px;
  background: #1e1e2d;
  z-index: 999;
  overflow: hidden;
  box-shadow: 3px 5px 15px 0px rgb(86 86 86 /8%);
} /*  f5f5f6    212738    262f7b     */
/*background:#03233e;*/
/*.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;}*/

.scrollHide {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollHide::-webkit-scrollbar {
  display: none;
}

.btnAutoScrap {
  display: block;
  width: 90%;
  padding: 8px 0;
  margin: 15px auto 10px;
  border-radius: 1000px;
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 1);
  font-size: 12px;
  font-weight: 500;
}
.btnAutoScrap i {
  font-size: 13px;
}
.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 {
  text-align: left;
}
.sideWrap .lnbDl {
  padding: 30px 25px 0;
  font-size: 15px;
}
.sideWrap .lnbDl dt {
  color: #a2a6cb;
  margin-top: 20px;
}
.sideWrap .lnbDl dd {
}
.sideWrap .lnbMenuUl {
  padding: 10px 0 0;
}
.sideWrap .lnbMenuUl > li > a > img {
  height: 14px;
  vertical-align: middle;
}
.sideWrap .lnbMenuUl li a > span {
  vertical-align: middle;
  margin-left: 5px;
}
.sideWrap .lnbMenuUl .hide {
  display: none;
  padding: 8px 15px;
}
.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: 12px;
  height: 45px;
  line-height: 45px;
}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn.on {
  color: #0398ff !important;
  font-weight: 600;
}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #9eb0d1;
  border-radius: 50%;
  margin-right: 10px;
}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn.on:before {
  content: "";
  width: 8px;
  height: 8px;
  display: inline-block;
  background-color: #3fadce;
  border-radius: 50%;
  margin-right: 10px;
}
.sideWrap .lnbMenuUl .hide li .lnb_subBtn:hover {
  background: none;
  color: #0398ff;
  font-weight: bold;
}
.sideWrap .lnbMenuUl > li {
  position: relative;
}
.sideWrap .lnbMenuUl li a {
  color: #9eb0d1;
  display: block;
  padding-left: 24px;
  font-size: 14px;
  letter-spacing: -0.05em;
  height: 50px;
  line-height: 50px;
}
.sideWrap .lnbMenuUl li a i {
  width: 20px;
  font-size: 16px;
}
.sideWrap .lnbMenuUl li.on a {
  color: #57419d;
}
.sideWrap .lnbMenuUl li.on:before {
  display: block;
  position: absolute;
  top: 0;
  left: -23px;
  width: 5px;
  height: 100%;
  background: #57419d;
  content: "";
}
.sideWrap .lnbMenuUl li a:hover {
  color: #fff;
}
.sideWrap .lnbMenuUl li .lnb_titBtn.open {
  color: #0398ff;
  font-weight: 700;
}
.sideWrap .lnbMenuUl li .lnb_titBtn.on {
  color: #fff;
  position: relative;
  font-weight: 500;
}
.sideWrap .lnbMenuUl li .lnb_titBtn.on i {
  color: #0398ff !important;
}

/* 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;}*/
/*background: #0398ff; background: -webkit-linear-gradient(to right, #0398ff, #ffa3ad);background: linear-gradient(to right, #0398ff, #ffa3ad);
background: -webkit-linear-gradient(to right, #0398ff, #fd6d7e);background: linear-gradient(to right, #0398ff, #fd6d7e);*/

.profileWrap {
  margin: 0 0 0px;
  background: #1c2a3a;
  padding: 13px 12px;
  border-radius: 0;
}
.profileWrap .aptName {
  font-weight: 500;
  font-size: 14px;
  color: #fff;
  letter-spacing: -0.07em;
  text-align: center;
}
.profileWrap .emploName {
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  margin-top: 8px;
  text-align: center;
}
.profileWrap .emploName .grade {
  font-size: 12px;
}
.logSummary {
  height: 65px;
  position: relative;
  text-align: center;
  background: #fff;
  overflow: hidden;
  padding-top: 8px;
}
.logSummary img {
  width: 176px;
  height: 46px;
  object-fit: cover;
}
.logSummary .summAside {
  height: 30px;
}
.logSummary .summAside .home {
  position: absolute;
  top: 20px;
  left: 15px;
}
.logSummary .summAside .home img {
  width: 30px;
}
.logSummary .summAside .payment {
  position: absolute;
  top: 19px;
  right: 42px;
}
.logSummary .summAside .payment i {
  position: relative;
  font-size: 18px;
}
.logSummary .summAside .payment i:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #f20;
  padding: 0;
}
.logSummary .summAside .payment .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: -13px;
  top: -10px;
  width: 25px;
  z-index: 10;
}
.logSummary .summAside .bell {
  position: absolute;
  top: 19px;
  right: 15px;
}
.logSummary .summAside .bell i {
  position: relative;
  font-size: 18px;
}
.logSummary .summAside .bell i:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: -3px;
  width: 6px;
  height: 6px;
  border-radius: 1000px;
  background: #f20;
  padding: 0;
}
.companySummary {
  font-size: 0.8rem;
}
.companySummary .comLogo {
  width: 100%;
  height: 50px;
  margin: 12px auto 15px;
  overflow: hidden;
  border-radius: 8px;
  text-align: center;
  position: relative;
}
.companySummary .comLogo.noLogo {
  background: #f7f7fb;
}
.companySummary .comLogo.noLogo:after {
  display: block;
  content: "NO LOGO";
  line-height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.companySummary .comLogo img {
  position: absolute;
  z-index: 10;
  max-width: 100%;
  max-height: 50px;
  line-height: 50px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.companySummary .companyName {
  font-size: 1rem;
  letter-spacing: -0.09em;
  color: #3d4fe4;
}
.companySummary .myId {
  margin-top: 5px;
}

/* 201029_좌측 메뉴 토글 */
.fixTiggleLnb {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 200px;
  height: 50px;
  background: #30343d;
  z-index: 99999999;
}
.closeLnb .sideWrap {
  display: none;
}
.closeLnb .fixTiggleLnb {
  width: 55px;
  height: 50px;
}
.closeLnb .fixTiggleLnb span {
  display: none;
}
/* 2021-08-12  */
.closeLnb .sideOpen,
.closeLnb .topGnbMenu {
  left: 0px;
}
.toggleLnb {
  display: block;
  width: 70px;
  height: 65px;
  line-height: 65px;
  vertical-align: middle;
  text-align: center;
}
.toggleLnb i {
  font-size: 20px;
  color: #999;
}
.toggleLnb:hover i {
  font-size: 20px;
  color: #f20;
}
.closeLnb .toggleLnb {
}
.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: 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: #57419d;
}
.closeLnb .sideWrap .lnbMenuUl > li > a:hover {
  color: #0a4ebc;
  background: #606bef;
}

.applyProcess {
  border-bottom: 1px solid #d7dade;
  margin-bottom: 13px;
  padding-bottom: 6px;
}
.applyProcess i {
  font-size: 13px;
  text-align: center;
  display: block;
  color: #717171;
}
.applyProStep {
  font-size: 12px;
  color: #5e5e78;
  text-align: center;
  padding: 6px 0px;
  margin: 3.5px 0px;
}
.applyProStep.on {
  color: #191957;
  font-size: 16px;
  font-weight: bold;
  background: #fff;
}

td {
  background: none;
}
.tableType01 {
  width: 100%;
  line-height: 1.3;
}
.tableType01 thead {
  border-bottom: 5px solid #ddd;
  border-top: 1px solid #ddd;
}
.tableType01 tbody {
  border-bottom: 1px solid #ddd;
}
.tableType01 tr {
}
.tableType01 thead th {
  text-align: center;
  padding: 6px 0px;
  background: #f1f2f3;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 50px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.05em;
}
.tableType01 thead th:first-child {
  border-left: 1px solid #ddd;
}
.tableType01 tbody tr td {
  text-align: center;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 0 8px;
  font-weight: 400; /*color:#000*/
  color: #232323;
  height: 50px;
  font-size: 13px;
  letter-spacing: -0.04em;
}
.tableType01 tbody tr td:first-child {
  border-left: 1px solid #ddd;
}
.tableType01 tbody tr th {
  text-align: center;
  border-right: 1px solid #ddd;
  padding: 0 8px;
  font-weight: 400;
  color: #000;
  height: 50px;
  font-size: 13px;
  letter-spacing: -0.05em;
  background: #f1f2f3;
  border-bottom: 1px solid #ddd;
}
.tableType01 tbody tr th:first-child {
  border-left: 1px solid #ddd;
}
.tableType01 tbody tr:hover {
  background: #eef7ff;
}
.tableType01 thead.heightWrap tr th {
  height: 25px;
}
.tableType01 tbody.heightWrap tr td {
  height: 40px;
}
.tableType01 tbody.bigWrap tr td {
  height: 60px;
}
.tableType01.bigWrap tr th {
  height: 55px;
}
.tableType01 tr td a {
}
.tableType01 tr.hl td {
  background-color: #0398ff;
  color: #fff;
  font-weight: bold;
}
.tableType01 tbody .brn {
  border-right: none;
}
/*지플랫폼 추가*/
.tableType01 tfoot th {
  text-align: center;
  padding: 6px 0px;
  background: #f5f5f5;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-top: 5px solid #ddd;
  height: 50px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.tableType01 tfoot th:first-child {
  border-left: 1px solid #ddd;
}
.tableType01 .numBg {
  display: inline-block;
  background-color: #b6b6b6;
  color: #fff;
  padding: 5px 10px;
  font-weight: 800;
  font-size: 13px;
  border-radius: 5px;
  cursor: pointer;
}
.tableType01 .numBg.on {
  background-color: #0398ff;
  min-width: 35px;
}
.tableType01.popTable tbody tr td,
.popTable thead tr th {
  border-right: none;
}
.tableType01.popTable tbody tr td:last-child,
.popTable thead tr th:last-child {
  border-right: 1px solid #ddd;
}

.tableType02 {
  width: 100%;
}
.tableType02 thead {
  border-bottom: 5px solid #ddd;
  border-top: 1px solid #ddd;
}
.tableType02 tbody {
}
.tableType02 tr {
}
.tableType02 thead th {
  text-align: center;
  padding: 4px 0px;
  background: #f1f2f3;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 38px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.tableType02 thead th:first-child {
  border-left: 1px solid #ddd;
}
.tableType02 tfoot th:first-child {
  border-left: 1px solid #ddd;
}
.tableType02 tbody th {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0;
  font-weight: 500;
  color: #39393e;
  height: 40px;
  font-size: 13px;
  letter-spacing: -0.05em;
}
.tableType02 tbody td {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0;
  font-weight: 400;
  color: #000;
  height: 40px;
  font-size: 13px;
  letter-spacing: -0.05em;
}
.tableType02 tbody td:first-child {
  border-left: 1px solid #ddd;
}
.tableType02 tbody th:first-child {
  border-left: 1px solid #ddd;
}
.tableType02 tbody tr {
  position: relative;
}
.tableType02 tbody tr:hover {
  background: #f3f5f7;
}
.tableType02 tbody tr .backWhite {
  background: #fff;
}
.tableType02 tbody tr .backGray {
  background: #f1f2f3;
}
.tableType02 tbody td .noBdrIp {
  height: 100% !important;
  width: 100% !important;
  background-color: #fff8e1;
}
.tableType02 tbody td .noBdrIp02 {
  height: 100% !important;
  width: 100% !important;
  border: 1px solid transparent !important;
  background: transparent;
}
.tableType02 tbody td .noBdrIp03 {
  height: 100% !important;
  border: 1px solid transparent !important;
  background: transparent;
}
.tableType02 tbody th .noBdrIp03 {
  border: 1px solid transparent !important;
  background: transparent;
}
.tableType02 tbody td .noBdrIp.readonly {
  background: #fafafa;
}
.tableType02 tfoot th {
  text-align: center;
  padding: 6px 0px;
  background: #f1f2f3;
  border-top: 5px solid #ddd;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  height: 50px;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.05em;
}

.cp td {
  cursor: pointer;
}

.noBdrIp {
  border: 1px solid transparent !important;
  background: transparent;
}
.noBdrIp:hover {
  box-shadow: 1px 3px 6px 3px #cccccc !important;
}

.noIpBinfo {
  font-size: 13px !important;
}

.recommendBtn {
  width: 33.3%;
  background: #ddd;
  padding: 5px;
  border-radius: 5px;
  margin: 0px 2px;
}
.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;
}
.popTabMenu {
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;
}
.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 #4682fe;
  color: #000;
}
.popTabMenu li:hover {
  border-bottom: 3px solid #4682fe;
}
.tableType01 .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(/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(/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(/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(/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.85rem !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;
}

.mapInfo {
  padding: 20px 10px 5px;
}
.mapInfo dl {
  margin-bottom: 5px;
}
.mapInfo dl:after {
  display: block;
  clear: both;
  content: "";
}
.mapInfo dt i {
  font-size: 1rem;
  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;
}

.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 {
  background: #ecf2ff;
  color: #3a7afe !important;
  font-weight: bold;
  font-size: 13px;
  border: 1px solid #3a7afe !important;
}
.popBtnBorder:hover {
  background: #3a7afe;
  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: 15px;
  margin: 10px 0px 15px;
}
.popTitleSpan {
  font-size: 13px !important;
  color: #ec1f35;
  letter-spacing: -0.05em;
}
.popTitleSpan02 {
  font-size: 12px;
  margin: 13px 0px 15px;
}
.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, 0.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: 20%;
  padding-left: 10px;
}
.searchResultList > span:nth-child(2) {
  width: 50%;
  font-size: 12px;
}
.searchResultList > span:nth-child(3) {
  width: 30%;
  text-align: right;
  padding-right: 10px;
}
.searchResultList:hover {
  border: 1px solid #636363;
  box-shadow: 0px 5px 7px 0px rgba(103, 111, 134, 0.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, 0.2);
}
.memSelectList > span {
  display: inline-block;
  text-align: center;
  letter-spacing: -0.03em;
  font-weight: 400;
}
.memSelectList > span:nth-child(2) {
  font-weight: bold;
}
.memSelectList:hover {
  border: 1px solid #636363;
  box-shadow: 0px 5px 7px 0px rgba(103, 111, 134, 0.2);
}

.tableType01 .popBtnStyle {
  min-width: 70px !important;
}
.popBtnStyle {
  display: inline-block;
  min-width: 110px;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ddd;
  padding: 9px 17px;
  font-size: 13px;
  line-height: 14px;
  border-radius: 5px;
}
.popBtnStyle.bd01 {
  color: #ff5c75;
  border-color: #ff5c75 !important;
  background: #fff;
}
.popBtnStyle.bd01:hover {
  color: #fff;
  background: #ff5c75 !important;
}
.popBtnStyle.bd02 {
  color: #5369f8;
  border-color: #5369f8 !important;
  background: #fff;
}
.popBtnStyle.bd02:hover {
  color: #fff;
  background: #5369f8 !important;
}
.popBtnStyle.bd03 {
  color: #1e2139;
  border-color: #1e2139 !important;
  background: #fff;
}
.popBtnStyle.bd03:hover {
  color: #fff;
  background: #57419d !important;
}
.popBtnStyle.bd04 {
  color: #0b7e96;
  border-color: #25c2e3 !important;
  background: #d7f8ff;
  font-weight: 500;
}
.popBtnStyle.bd04:hover {
  color: #fff;
  background: #25c2e3 !important;
}
.popSearchBtn {
  width: 34px;
  height: 34px;
  background: #edeff5;
  border: 1px solid #888888;
  border-radius: 5px;
}
.popSearchBtn img {
  width: 64%;
}
.popBtnSelect {
  background: #fff;
  border: 1px solid #3a7afe;
  color: #3a7afe;
  padding: 7px 13px;
  font-size: 13px;
  border-radius: 5px;
  vertical-align: initial;
  font-weight: 500 !important;
}
.popBtnSelect02 {
  background: #fff;
  border: 1px solid #ff5c75;
  color: #ff5c75;
  padding: 7px 13px;
  font-size: 13px;
  border-radius: 5px;
  vertical-align: initial;
  font-weight: 500 !important;
}
.popBtnSelect03 {
  background: #fff;
  border: 1px solid #000;
  color: #000;
  padding: 7px 13px;
  font-size: 13px;
  border-radius: 5px;
  vertical-align: initial;
  font-weight: 500 !important;
}
.popBtnSwitchSms {
  border: 1px solid #aaa;
  color: #000;
  font-size: 12px;
  letter-spacing: -0.07em !important;
  font-weight: 400;
  padding: 0 12px;
  border-radius: 5px;
  vertical-align: middle;
  background: #fff;
  height: 34px;
  line-height: 32px !important;
}
/*팝업 기본 Btn,Input요소*/

.subTab {
  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;
}

/*noImage*/
.noImage {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 0;
}
.noImage:before {
  display: block;
  position: absolute;
  width: 80px;
  height: 50px;
  top: 40%;
  left: 50%;
  margin-top: -22px;
  margin-left: -40px;
  text-align: center;
  white-space: pre;
  content: "\f03e";
  font-family: "FontAwesome";
  font-size: 32px;
  text-align: center;
  color: #999;
  z-index: 1;
}
.noImage:after {
  display: block;
  position: absolute;
  width: 80px;
  height: 30px;
  top: 50%;
  left: 50%;
  margin-top: 12px;
  margin-left: -40px;
  text-align: center;
  white-space: pre;
  content: "NO IMAGE";
  font-size: 12px;
  text-align: center;
  color: #999;
  z-index: 1;
  letter-spacing: -0.09em;
}
/*팝업 Table*/
.writeTable {
  width: 100%;
  margin: 0 auto;
}
.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: left;
  border: 1px solid #dedede;
}
.writeTable tbody tr:first-child th,
.writeTable tbody tr:first-child td {
  border-top: 1px solid #666 !important;
}
.writeTable tbody.borderTopNone tr:first-child th,
.writeTable tbody.borderTopNone tr:first-child td {
  border-top: none !important;
}
.writeTable tbody th {
  background: #f1f2f3;
  color: #000;
  padding: 0 5px 0 5px;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
  border: 1px solid #dedede;
  letter-spacing: -0.07em;
}
.writeTable tbody td {
  background: #fff !important;
  height: 42px;
  padding: 5px 8px;
  font-weight: normal;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  white-space: normal;
  text-align: left;
  border-bottom: 1px solid #dedede; /*추가*/
  color: #232323;
}
.writeTable tbody td a {
  font-weight: normal;
}
.writeTable tbody td a:hover {
  color: #262f7b;
}
.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;
}
/*210830추가*/
td > .wtplusBtn {
  margin-left: 10px;
}
.wtplusBtn.position {
  position: absolute;
  top: 51%;
  transform: translateY(-50%);
  left: 10px;
}
.wtplusBtn img {
  width: 100%;
  height: 100%;
}
.wtplusBtn03 {
  outline: none;
  border: none;
  width: 15px;
  height: 15px;
  overflow: hidden;
  margin-left: 45px;
  display: inline-block;
  margin-bottom: 3px;
}
.wtplusBtn03 img {
  width: 100%;
  height: 100%;
}
.writeTable .writeTablePrice {
  font-size: 15px;
  font-weight: 600;
}
.writeTable .writeTablePrice02 {
  font-size: 15px;
  font-weight: 600;
  color: #6089fe !important;
}
.writeInputPrice {
  font-size: 18px !important;
  font-weight: bold !important;
  color: #6089fe !important;
}
.writeItemDl {
}
.writeItemDl dt {
  font-size: 13px;
  font-weight: 600;
  color: #3c7bfd;
}
.writeItemDl dd {
  font-size: 12px;
}
.writeTable .textbold {
  font-weight: bold;
  color: #3a7afe;
}
.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 .name {
  padding: 0;
  height: 28px;
}
.stampWrap {
  width: 40px;
  height: 40px;
  overflow: hidden;
  display: inline-block;
  margin-top: 5px;
}
.stampWrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*팝업 Table*/

.mr15 {
  margin-right: 15px;
}

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

.commendCodeList {
  margin-top: 20px;
  height: 675px;
  overflow-y: auto;
  overflow-x: hidden;
}
.commendCodeList:after {
  display: block;
  clear: both;
  content: "";
}
.commendCodeList dt {
  width: 38%;
  float: left;
  height: 30px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
.commendCodeList dd {
  width: 62%;
  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: 34px;
  padding: 0px 9px;
  text-align: center;
  font-size: 13px;
  background: #fff;
  border: 1px solid #262f7b;
  border-radius: 5px;
  color: #262f7b !important;
  font-weight: 500;
  display: inline-block;
  line-height: 34px;
}
.adminBasicWbBtn:hover {
  background: #57419d;
  color: #fff !important;
}
/*관리자 기본 Btn*/

.sortableUl {
  padding: 0px 5px;
  margin-top: 20px;
  max-height: 395px;
  overflow-y: scroll;
}
.sortableUl li {
  height: 50px;
  background: #f1f1f8;
  margin-bottom: 10px;
  line-height: 50px;
  padding: 0px 15px;
  cursor: pointer;
}
.sortableUl li:hover {
  border: 1px solid #000;
}
.sortableUl li i {
  margin-right: 10px;
  color: #686868;
}

.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;
}

.w15p {
  width: 15% !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 #262f7b;
  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;
}

.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;
}
.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;
}

/*리스트형 테이블 CSS*/
.crdBodyWrap {
  padding: 20px;
  border: 1px solid #dedede;
  border-radius: 8px;
  background: #fff;
}
.crdBodyWrap:after {
  clear: both;
  content: "";
  display: block;
}
.calendarBody {
  border-radius: 8px;
}
.cldrSummWrap {
  overflow: hidden;
  padding: 15px 10px 15px 10px;
  margin-bottom: 0px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fff;
}
.cldrHeader {
}
.cldrHeaderTb {
  width: 100%;
  table-layout: fixed;
}
.cldrHeaderTb thead th {
  font-size: 13px;
  color: #5e6786;
  line-height: 20px;
  padding: 5px 0;
  text-align: center;
  height: 50px;
  border: 1px solid #eceef1;
  background: #f4f6f9;
  font-weight: bold;
}
.cldrBody {
}
.cldrBodyTb {
  width: 100%;
  table-layout: fixed;
}
.cldrBodyTb thead td {
  border: 1px solid #ddd;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  padding: 5px;
  text-align: right;
  font-size: 13px;
}
.cldrBodyTb tbody td {
  height: 100px;
  border: 1px solid #e6e6e6;
  border-top: 1px solid transparent;
  padding: 0;
  overflow: visible;
  vertical-align: top;
  font-size: 11px;
}
.cldrBodyTb.hour tbody td {
  background: #f9f9fa url(/aad/img/bgCarendarHour.png) no-repeat 0 0;
}
.cldrBodyTb.minutes tbody td {
  background: #f9f9fa url(/aad/img/bgCarendarMin.png) no-repeat 0 0;
}
.cldrBodyTb02.hour tbody td {
  background: #fff url(/aad/img/bgCarendarHour.png) no-repeat 0 0;
}
.cldrBodyTb02.minutes tbody td {
  background: #fff url(/aad/img/bgCarendarMin.png) no-repeat 0 0;
}
.cldrBodyTb tbody td.inDataTd {
  cursor: pointer;
}
.cldrBodyTb thead td.on,
.cldrBodyTb tbody td.on {
  background: #dfefff !important;
}
.cldrBodyTb tfoot td {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px;
  background: #f3f9ff;
  font-size: 12px;
} /* #f3f9ff */
.cldrBodyTb tfoot td:first-child {
  border-left: 1px solid #ddd;
}
.cldrBodyTb tfoot td:last-child {
  border-right: 1px solid #ddd;
}
.calendarBody .sun {
  color: #ea484c;
}
.calendarBody .sat {
  color: #4a86ff;
}
.calendarBody .other {
  color: #ccc !important;
}
.cldrBodyTb .obj {
  position: relative;
  z-index: 99;
  cursor: pointer;
  border-radius: 4px;
  padding: 7px 8px;
  color: #fff;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  font-size: 13px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  overflow: hidden;
}
.cldrBodyTb .obj:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 18px 0 rgba(62, 57, 107, 0.2);
}
.cldrBodyTb .obj:last-child {
  margin-bottom: 0;
}
.cldrBodyTb .obj.bg01 {
  border-top: 5px solid #f54394 !important;
}
.cldrBodyTb .obj.bg02 {
  border-top: 5px solid #f4c414 !important;
}
.cldrBodyTb .obj.bg03 {
  border-top: 5px solid #14bae4 !important;
}
.cldrBodyTb .obj.bg04 {
  border-top: 5px solid #31c971 !important;
}
.cldrBodyTb .obj.bg05 {
  border-top: 5px solid #a065c5 !important;
}
.cldrBodyTb .obj.bg06 {
  border-top: 5px solid #0ff3d3 !important;
}
.cldrBodyTb .obj p {
  color: #929aa7;
  font-size: 13px;
  font-weight: 400 !important;
}
.cldrBodyTb .obj .objTit {
  color: #5e676f !important;
  font-size: 13px !important;
  margin-bottom: 5px;
  font-weight: 600 !important;
}
.cldrBodyTb .obj .objInfo {
  width: 54%;
  float: left;
}
.cldrBodyTb .obj .time {
  margin-bottom: 5px;
  font-size: 11px;
  color: #3e3e3e;
  display: none;
}
.cldrBodyTb .obj .objIco {
  width: 45%;
  float: right;
  text-align: right;
  opacity: 0.8;
}

.cldrBodyTb .obj .cldrBodyTb .more {
  display: block;
  text-align: right;
  font-size: 11px;
  color: #f20;
}

.cldrBodyTb .obj.bgerror {
  background: #d7d7d7;
  border-top: 5px solid #555 !important;
}
.cldrBodyTb .obj.bgerror p.objTit {
  color: #000000 !important;
  font-size: 13px !important;
  margin-bottom: 5px;
}
.cldrBodyTb .obj.bgerror .objIco .icoStat.error {
  background: #fb4e4e;
  color: #fff;
  width: 18px;
  height: 18px;
  line-height: 18px;
  border-radius: 100px;
  margin: 0 auto;
  font-weight: 900;
  text-align: center;
}

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

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

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

.adminUlBtn {
  padding: 0;
  color: #9fa2b7;
  border-radius: 3px;
}
.adminUlBtn a {
  display: inline-block;
  min-width: 70px;
  height: 32px;
  letter-spacing: -0.07em;
  line-height: 30px;
  padding: 0 8px;
  text-align: center;
  font-size: 12px;
  position: relative;
  border-radius: 8px;
  border: 2px solid transparent;
}
.adminUlBtn a:first-child:before {
  display: none !important;
}
.adminUlBtn a:hover {
  box-shadow: 3px 5px 18px 0 rgba(103, 111, 134, 0.2);
  background: #fff;
}
.adminUlBtn a.on {
  background: #fff;
  display: inline-block;
  color: #2068ce;
  font-weight: bold;
  border: 2px solid #2068ce;
}
.adminUlBtn a:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 3px;
}
.adminUlBtn .reserve:before {
  background: #22a384;
}
.adminUlBtn .noshow:before {
  background: #f7c44f;
}
.adminUlBtn .product:before {
  background: #1e40b2;
}
.adminUlBtn .cancel:before {
  background: #d13536;
}
.adminUlBtn .reserveSB:before {
  background: #0ff3d3;
}
.adminUlBtn .cancelSB:before {
  background: #a065c5;
}

.adminUlBtnEach {
  height: 35px;
  line-height: 35px;
  color: #9fa2b7;
  border-radius: 3px;
}
.adminUlBtnEach li {
  float: left;
  width: 107px;
  text-align: center;
  font-size: 13px;
}
.adminUlBtnEach li a {
  display: inline-block;
  width: 94%;
}

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

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

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.divScrollWrap {
  overflow-x: scroll;
}
.divScrollWrap::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.divScrollWrap::-webkit-scrollbar-thumb {
  background-color: #808080;
  border-radius: 10px;
}
.divScrollWrap::-webkit-scrollbar-track {
  background-color: #d4d4d4;
  border-radius: 10px;
}

.w65p {
  width: 65% !important;
}

.essential {
  position: relative;
}
.essential:after {
  content: "*필수";
  display: block;
  width: 30px;
  font-size: 10px;
  color: #ec0e0e;
  position: absolute;
  top: 2px;
  right: -4px;
}

.termListWrap {
  width: 20%;
  float: left;
  min-height: 650px;
  border: 1px solid #dedede;
  border-radius: 8px;
  padding: 10px;
}
.termListWrap h2 {
  padding: 5px;
  font-size: 15px;
  text-align: left;
  margin-bottom: 10px;
}
.termListWrap h2:before {
  content: "· ";
}
.termListWrap .overflowY a {
  display: block;
  padding: 10px;
  text-align: left;
  border-radius: 8px;
}
.termListWrap .overflowY a:hover {
  background: #ebecfd;
}
.termListWrap .overflowY a.selected {
  background: #57419d !important;
  color: #fff !important;
}

.termContWrap {
  min-height: 650px;
  padding: 20px;
}

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

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

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

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

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted #ccc;
  color: #006080;
}
.tooltip .tooltiptext {
  visibility: hidden;
  position: absolute;
  width: 205px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  z-index: 1;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip-bottom {
  top: 135%;
  left: -150%;
  margin-left: -60px;
}
.tooltip-bottom:before {
  content: "";
  display: none;
}

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

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

.downLineAdmin {
  color: #ff5c75 !important;
}

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

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

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

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

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

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

.writeTable tbody .iColorCha02 {
  border: 1px solid #d13564;
  padding: 2px 5px;
  border-radius: 100px;
}
.writeTable tbody .iColorCha02 i {
  color: #d13564;
}
.nameSpanBold {
  font-size: 17px;
  display: inline-block;
  font-weight: 700;
}

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

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

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

.yearWrap {
  width: 60%;
  height: 36px;
  box-sizing: border-box;
  line-height: 36px;
  background: #fff;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  float: left;
  color: rgb(51, 51, 51);
  border-top: 1px solid rgb(222, 222, 222);
  border-bottom: 1px solid rgb(222, 222, 222);
}
.ctrCalendar {
  height: 36px;
}
.ctrCalendar .ctrBtns {
  height: 36px;
  width: 240px;
}
.ctrCalendar .ctrBtns .btnCtr {
  display: inline-block;
  width: 20%;
  height: 40px;
  text-align: center;
  border: 1px solid #dedede;
  line-height: 32px;
  background: #fff;
}
.ctrCalendar .ctrBtns .btnCtr:hover {
  border: 1px solid #999;
  position: relative;
  z-index: 10;
}
.ctrCalendar .ctrBtns .btnCtr i {
  vertical-align: middle;
  font-size: 23px;
  color: #707a86;
}
.ctrCalendar .ctrBtns .btnCtr.first {
  border-radius: 3px 0 0 3px;
}
.ctrCalendar .ctrBtns .btnCtr.last {
  border-radius: 0 3px 3px 0;
  margin-left: -1px;
}

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

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

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

.popFacilityHP {
  font-size: 15px;
  font-weight: bold;
  color: #000;
  padding: 0;
  margin-bottom: 10px;
}

/*selectBar*/
.selectBar {
  width: 100%;
  padding: 10px;
  border: 1px solid #1245e9;
  font-size: 14px;
  margin: 20px 0;
}
.selectBar:after {
  content: "";
  clear: both;
  display: block;
}

.listCount {
  width: auto;
}
.listCount p {
  margin: 10px;
}

/*tableUpper*/
.tableUpper {
  font-size: 16px;
}
.tableUpper:after {
  clear: both;
  content: "";
  display: block;
}
.tableUpper .quantity {
  font-size: 18px;
  col2021-05-07or: #3a7afe;
}
/**/

/*table*/
.eventTable {
  width: 100%;
  font-size: 13px;
}
.eventTable thead {
  border-bottom: 1px solid #ddd;
  border-top: 2px solid #1245e9;
}
.eventTable tbody {
}
.eventTable tr {
}
.eventTable tr th {
  text-align: center;
  padding: 6px 0px;
  border-right: 1px solid #ddd;
}
.eventTable tr td {
  text-align: center;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 12px 0px;
  font-weight: 600;
  color: #161659;
}
.eventTable .tdBorderNone {
  border-right: none;
}

/*tableUnder*/
.tableUnder {
  margin: 30px 0;
  font-size: 16px;
}
.tableList {
  width: 375px;
  height: 40px;
  border: 1px solid #e1e1e1;
  margin: 0 auto;
  border-radius: 45px;
}
div.tableUnder ul li {
  display: inline-block;
  padding-top: 12px;
}
.listBtn li {
  padding: 0 3px;
}
.listNumber {
  margin-left: 90px;
}
.listNumber li a {
  padding: 7px 11px;
  border-radius: 50%;
}
.listNumber li a:hover {
  background-color: #1245e9;
  color: #fff;
}

.formTable {
  border: 3px solid #000;
}

.scrollYList {
  overflow-y: auto !important;
  overflow-x: hidden;
}
.scrollXList {
  overflow-x: auto !important;
  overflow-y: hidden;
}

.docTitleH1 {
  text-align: center;
  font-size: 28px;
  padding: 5px 0 10px;
  letter-spacing: 7px;
}
.docAside {
  margin-bottom: 10px;
  font-size: 15px;
  letter-spacing: -0.05em;
}
.docAside:after {
  clear: both;
  content: "";
  display: block;
}

h3.title {
  font-size: 16px;
  font-weight: 500;
  color: #262f7b;
  padding: 5px 0;
}
h3.title:before {
  display: inline-block;
  content: "\f054";
  font-family: "FontAwesome";
  font-size: 13px;
  font-weight: normal !important;
  margin-right: 3px;
  transform: translateY(-1px);
}

.cursor {
  cursor: pointer;
}
.readonly.cursor {
  background: #f2eff4 !important;
}

.productLine th,
.productLine td {
  background: #faf8ff !important;
  font-weight: 600 !important;
}

.ctrAddLine {
}
.ctrAddLine td,
.ctrAddLine td input[type="text"] {
  background: #ffffe0 !important;
}
.ctrAddQiLine td,
.ctrAddQiLine td input[type="text"] {
  background: #ffffe0 !important;
}

.toggleList .depth02 td {
  background: #f7f7f7 !important;
}
.toggleList .depth03 td {
  background: #f3f3f3 !important;
}
.toggleList .ctrIco:after {
  display: block !important;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  content: "\f067" !important;
  font-family: "FontAwesome";
  color: #627a86 !important;
  font-size: 18px !important;
}
.toggleList .ctrIco.subOpen:after {
  display: block !important;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  content: "\f068" !important;
  font-family: "FontAwesome";
  color: #f48239 !important;
}

.mngList {
}
.mngList .fa-star {
  color: #354eff;
}
.mngList .fa-exclamation-triangle {
  color: #e20f23;
}

.monitorWrap {
  text-align: center;
  margin: 120px auto 0;
}
.monitorWrap:after {
  display: block;
  clear: both;
  content: "";
}
.monitorWrap a {
  width: 440px;
  display: inline-block;
  border-radius: 20px;
  border: 1px solid #ddd;
  margin: 0 10px;
  box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.2);
  background: #fff;
}
.monitorWrap a img {
  width: 100%;
}

.qrCode {
  text-align: center;
  padding: 8px;
  margin: 0 auto 20px;
}
.qrCode.lg img {
  width: 300px;
  height: 300px;
}
.qrCode img {
  width: 150px;
  height: 150px;
}
.qrCode.mid img {
  width: 100px;
  height: 100px;
}
.qrCode.sm img {
  width: 60px;
  height: 60px;
}

/* ==========================================================================
   3. 애니메이션 및 이펙트
   ========================================================================== */

.tracking-in-expand {
  -webkit-animation: tracking-in-expand 0.7s
    cubic-bezier(0.645, 0.045, 0.355, 1) both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) both;
}
.tracking-in-expand2 {
  -webkit-animation: tracking-in-expand 0.7s
    cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s both;
  animation: tracking-in-expand 0.7s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s
    both;
}
@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.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 0.8s 1.5s both;
  animation: wobble-hor-bottom 0.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 0.3s ease-in-out forwards;
}
.rotate-center-reverse {
  animation: rotate-center-reverse 0.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 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.slide-right-reverse {
  animation: slide-right-reverse 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.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.39, 0.575, 0.565, 1)
    both;
  animation: scale-up-center 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) 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 0.5s forwards;
}
@keyframes jello-horizontal {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}

/* 마우스 오버시 바운스효과 */
.bounce-bottom {
  animation: bounce-bottom 0.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;
  }
}

.bounce-bottomMin {
  animation: bounce-bottomMin 0.3s forwards;
}
@keyframes bounce-bottomMin {
  0% {
    transform: translateY(0);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  50% {
    transform: translateY(3px);
    animation-timing-function: ease-in;
    opacity: 1;
  }
  100% {
    transform: translateY(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
}

/* 마우스 오버시 펄스 */
.pulsate-bck {
  animation: pulsate-bck 0.5s ease-in-out infinite forwards;
}
@keyframes pulsate-bck {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.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(0.91);
    animation-timing-function: ease-in;
  }
  17% {
    transform: scale(0.98);
    animation-timing-function: ease-out;
  }
  33% {
    transform: scale(0.87);
    animation-timing-function: ease-in;
  }
  45% {
    transform: scale(1);
    animation-timing-function: ease-out;
  }
}

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

.rotate-vert-center {
  animation: rotate-vert-center 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955)
    both;
}
@keyframes rotate-vert-center {
  0% {
    transform: rotateY(0);
  }
  100% {
    transform: rotateY(360deg);
  }
}

.tracking-in-expand-fwd {
  -webkit-animation: tracking-in-expand-fwd 0.8s
    cubic-bezier(0.215, 0.61, 0.355, 1) both;
  animation: tracking-in-expand-fwd 0.8s cubic-bezier(0.215, 0.61, 0.355, 1)
    both;
}
@-webkit-keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
  }
}
@keyframes tracking-in-expand-fwd {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-700px);
    transform: translateZ(-700px);
    opacity: 0;
  }
  40% {
    opacity: 0.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;
}

/* 라인박스버튼 애니메이션추가 */
/* 사용 예)   // 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: 35px;
  height: 18px;
  background: #e3e4e5;
  border-radius: 1000px;
  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: #0398ff;
  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 {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: 2px;
  -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;
}
.switchBtn-indicator::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: 14px;
  height: 14px;
  cursor: inherit;
  background: #fff;
  border-radius: 50%;
  top: 2px;
  -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: 31px;
  height: 18px;
  background: #e3e4e5;
  border-radius: 1000px;
  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: #0398ff;
  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: 2px;
  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; /*-webkit-box-shadow: 0px 0px 3px #bbb;box-shadow: 0px 0px 3px #bbb*/
}
.switchBtnMin-indicator::after {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  width: 14px;
  height: 14px;
  cursor: inherit;
  background: #fff;
  border-radius: 50%;
  top: 2px; /*-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-indicator:hover {
  box-shadow: 0 10px 10px -5px rgb(0 0 0 / 30%);
  -webkit-box-shadow: 0px 0px 3px #bbb;
}

/* 버튼호버애니메이션 
<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.4%;
  height: 250px;
  background: #f2f5f9;
  padding: 15px;
}
.divHalfWrapTit {
  font-size: 18px;
  margin-bottom: 20px;
}
.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: 13px;
  margin-bottom: 25px;
  letter-spacing: -0.1em;
}
.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: #262f7b;
  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;
}

.feelingChoWrap {
  border: 1px solid #ddd;
  width: 40%;
  margin: 30px auto;
  padding: 3px 5px 15px;
  border-radius: 10px;
  text-align: center;
  background: #fff;
}
.feelingCho {
  display: inline-block;
  text-align: center;
  width: 95px;
  cursor: pointer;
}
.feelingCho:hover p {
  font-weight: bold;
}
.feelingCho .emoji {
  font-size: 50px;
}
.feelingCho p {
  margin-top: 17px;
}
.thSpanBold {
  color: #000;
  font-weight: bold;
  font-size: 12px;
}

.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;
}
.fixedTable .table {
  width: auto;
}
.fixedTable .table tr td,
.fixedTable .table tr th {
  min-width: 180px;
  width: 180px;
  min-height: 100px;
  height: 100px;
  padding: 0;
}
.fixedTable-header {
  width: calc(100% - 228px);
  height: 50px;
  margin-left: 228px;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.fixedTable-header th {
  height: 50px !important;
  min-height: 50px !important;
  font-size: 13px;
  color: #5e6786;
  line-height: 20px;
  padding: 5px 0;
  text-align: left;
  border: 1px solid #eceef1;
  background: #f4f6f9;
  font-weight: bold;
}
.fixedTable-sidebar {
  width: 228px;
  height: 66.5vh;
  float: left;
  overflow: hidden;
  border-right: 1px solid #ccc;
}
.fixedTable-sidebar .adminDeBackground {
  width: 228px !important;
  min-width: 228px !important;
}
.fixedTable-body {
  overflow: auto;
  width: calc(100% - 228px);
  height: 66.5vh;
  float: left;
}

.bookmarkList {
  margin: 0;
}
.bookmarkList ul#sorBookmarkList {
}
.bookmarkList ul li {
  border: 1px solid #dedede;
  border-radius: 3px;
  margin-bottom: 10px;
  overflow: hidden;
  min-height: 45px;
  text-align: left;
  background: #fff;
  line-height: 45px;
}
.bookmarkList ul li:hover {
  border: 1px solid #aaa;
  color: #000 !important;
  transition: All 0.1s ease;
  -webkidlt-transition: All 0.1s ease;
  -moz-transition: All 0.1s ease;
  -o-transition: All 0.1s ease;
}
.bookmarkList ul li.ui-sortable-helper {
  box-shadow: 2px 5px 10px rgba(49, 58, 70, 0.2);
  transform: translateY(-2px);
}
.bookmarkList ul li#addLine {
  border: 1px solid #ccc;
  cursor: default;
}
.bookmarkList ul li#addLine:hover {
  border: 1px solid #ccc;
  box-shadow: none;
  transform: translateY(0);
}
.bookmarkList ul li:last-child {
  margin-bottom: 0;
}
.bookmarkList ul li .ico {
  display: block;
  width: 6%;
  height: 100%;
  float: left;
  text-align: center;
  line-height: 45px;
  cursor: ns-resize;
}
.bookmarkList ul li .ico i {
  font-size: 13px;
  color: #aaa;
}
.bookmarkList ul li .num {
  display: block;
  width: 6%;
  height: 100%;
  float: left;
  line-height: 45px;
} /* #3b8bff */
.bookmarkList ul li .num span {
  padding: 2px 5px;
  background: #3b8bff;
  border: 0;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}
.bookmarkList ul li .num02 {
  width: 10%;
  float: left;
} /* #3b8bff */
.bookmarkList ul li .num02 span {
  background: #3b8bff;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 13px;
  line-height: 20px;
}
.bookmarkList ul li .name {
  display: block;
  width: 45%;
  height: 100%;
  float: left;
  font-size: 13px;
}
.bookmarkList ul li .link {
  display: block;
  width: 42%;
  height: 100%;
  float: left;
  font-size: 12px;
  font-weight: normal;
}
.bookmarkList ul li .btns {
  display: block;
  width: 5%;
  height: 100%;
  float: left;
  text-align: right;
  line-height: 40px;
  padding-right: 8px;
}
.bookmarkList ul li .btns .save,
.bookmarkList ul li .btns .edit,
.bookmarkList ul li .btns .del {
  width: 20px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  margin-left: 5px;
}
.bookmarkList ul li .btns .save i {
  font-size: 18px;
  position: relative;
  left: -2px;
  color: #3b8bff;
}
.bookmarkList ul li .btns .del i {
  position: relative;
  top: 1px;
}
.bookmarkList ul li .btns i {
  font-size: 16px;
  color: #aaa;
  vertical-align: middle;
}
.bookmarkList ul li .btns i:hover {
  color: #ff8f00;
}
.bookmarkList ul li input[type="text"]::placeholder {
  font-size: 11px;
  letter-spacing: -0.05em;
}
.bookmarkList ul li input[type="text"] {
  font-size: 13px;
}

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

/* 폰트어썸 Checkbox */
/* <label class="fa-ckbox"><input type="checkbox"><span>Adidas</span></label> */
.fa-ckbox {
  font-weight: normal;
  position: relative;
  display: inline-block;
  font-size: 14px;
  line-height: 18px;
  cursor: pointer;
  height: 18px;
  vertical-align: middle;
}
.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: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  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: #0398ff;
  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;
  vertical-align: middle;
}
.fa-ckboxBig span {
  vertical-align: middle;
}
.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: #0398ff;
  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-radiobox"><input name="rdio" type="radio"><span>Radio Unchecked</span></label> */
.fa-radiobox {
  font-weight: normal;
  position: relative;
  display: inline-block;
  line-height: 18px;
  cursor: pointer;
  vertical-align: middle;
  height: 18px;
}
.fa-radiobox span {
  padding-left: 6px;
  vertical-align: middle;
  font-size: 13px;
  letter-spacing: -0, 07em;
}
.fa-radiobox span:before,
.fa-radiobox span:after {
  line-height: 18px;
  position: absolute;
}
.fa-radiobox span:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 50px;
  top: 2px;
  left: 0;
}
.fa-radiobox span:after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50px;
  top: 8px;
  left: 6px;
  display: none;
}
.fa-radiobox input[type="radio"] {
  opacity: 0;
  margin: 0 2px 0 0;
}
.fa-radiobox input[type="radio"]:checked + span:before {
  border-color: transparent;
  background-color: #0398ff;
}
.fa-radiobox input[type="radio"]:checked + span:after {
  display: block;
}
.fa-radiobox input[type="radio"][disabled] + span,
.fa-radiobox input[type="radio"][disabled] + span:before,
.fa-radiobox input[type="radio"][disabled] + span:after {
  opacity: 0.75;
}

/* <label class="fa-ckboxSquare"><input type="checkbox"><span>Adidas</span></label>  표시형식 중간일때 사용_오픈아파트 권한관리용*/
.fa-ckboxSquare {
  font-weight: normal;
  position: relative;
  display: inline-block;
  line-height: 18px;
  cursor: pointer;
  height: 18px;
  vertical-align: middle;
}
.fa-ckboxSquare span {
  padding-left: 6px;
  vertical-align: middle;
}
.fa-ckboxSquare span:empty {
  float: left;
}
.fa-ckboxSquare span:before,
.fa-ckbox span:after {
  line-height: 18px;
  position: absolute;
}
.fa-ckboxSquare span:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #fff;
  border: 1px solid #adb5bd;
  border-radius: 2px;
  top: 1px;
  left: 0;
}
.fa-ckboxSquare span:after {
  position: absolute;
  top: 1px;
  left: 0;
  width: 18px;
  height: 18px;
  content: "\f0c8";
  font-family: "FontAwesome";
  font-size: 9px;
  text-align: center;
  color: #fff;
  background-color: #0398ff;
  line-height: 17px;
  border-radius: 2px;
  display: none;
}
.fa-ckboxSquare input[type="checkbox"] {
  opacity: 0;
  margin: 0;
}
.fa-ckboxSquare input[type="checkbox"]:checked + span:after {
  display: block;
}
.fa-ckboxSquare input[type="checkbox"]:checked + span:before {
  display: none;
}
.fa-ckboxSquare input[type="checkbox"][disabled] + span,
.fa-ckboxSquare input[type="checkbox"][disabled] + span:before,
.fa-ckboxSquare input[type="checkbox"][disabled] + span:after {
  background: #dedede;
}

/* ==========================================================================
   5. 미디어쿼리
   ========================================================================== */
@media only screen and (max-width: 1300px) {
  .rightSideWrap {
    display: none;
  }
  .headerWrap {
    right: 0px;
  }
  .openMenuWrap {
    right: 0px;
  }
  .easyJoinWrap02 {
    width: 100%;
  }
}

@media only screen and (max-width: 620px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 500px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

@media only screen and (max-width: 420px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

/* 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) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

/* Mobile Device */
@media screen and (max-width: 767px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

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

/* Desktop Device */
@media screen and (min-width: 992px) {
  .easyJoinWrap02 {
    max-width: 100%;
  }
}

/* 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) {
  .easyJoinWrap02 {
    width: 100%;
  }
}
/* 인쇄용 컨트롤 */
@media print {
  .printA4 {
    width: 210mm;
    height: 297mm;
  }
}
.db {
  display: block;
}
/*221122 댓글 영역*/
.fileAwrap {
  border: 1px solid #08968f;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  color: #08968f !important;
  font-weight: 500;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
}
.fileAwrap .bedgeSpan {
  background: #406fde;
  color: #fff;
  padding: 3px 5px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 10px;
}

.regiOpiniList {
  background: #f1f2f387;
  padding: 20px;
  margin-top: 15px;
}
.regiOpiniList li {
  position: relative;
  margin-bottom: 15px;
  border-bottom: 1px solid #dedede;
  padding-bottom: 15px;
  text-align: left;
}
.regiOpiniList li:last-child {
  padding-bottom: 0px;
  border-bottom: none;
  margin-bottom: 0px;
}
.regiOpiniList .name {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}
.regiOpiniList .date {
  color: #7e7e7e;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.05em;
  margin-left: 10px;
}
.regiOpiniList .content {
  font-size: 15px;
}
.regiOpiniList .delete {
  position: absolute;
  top: 0;
  right: 0;
  width: 15px;
  height: 15px;
  overflow: hidden;
  opacity: 0.5;
}
.regiOpiniList .delete img {
  width: 100%;
}

/*swiper*/
.mainSlideWrap {
  position: relative;
}
.mainSlideWrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slidePrevBtn,
.slideNextBtn {
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  z-index: 10;
  cursor: pointer;
  right: 10px;
  background: none !important;
}
.slidePrevBtn {
  left: 10px;
  background: none !important;
}
.swiper-pagination-bullet-active {
  background-color: #f75264 !important;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  width: unset !important;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5px 20px 8px 20px;
  border-radius: 10px;
}
/*첨부파일*/
.swiper-pagination > .swiper-pagination-bullet {
  background: #fff;
  opacity: 0.9;
}
.detailSlideWrap {
  height: 307px;
  background-size: auto;
  position: relative;
  width: 29%;
}
.detailImgSlide {
  background: 50% no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.detailImgSlide02 {
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.detailImgSlide02 img {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
/*파일 세로정렬시*/
.fileAwrap02 {
  border: 1px solid #08968f;
  padding: 5px;
  border-radius: 5px;
  font-size: 13px;
  color: #08968f !important;
  font-weight: 500;
  margin-right: 5px;
  display: inline-block;
  margin-bottom: 5px;
  margin-top: 5px;
  display: block;
  margin-bottom: 10px;
  padding-left: 10px;
  float: left;
  width: 49%;
  line-height: 24px;
}
.fileAwrap02 .bedgeSpan {
  background: #0bb7af;
  color: #fff;
  padding: 3px 5px;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 10px;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.excTd {
  position: relative;
  padding: 8px 30px 8px 5px !important;
}
.tableType02 tbody td.excTd {
  padding: 0 20px 0 10px;
  text-align: left;
}
a.excBtn {
  position: absolute;
  color: #ccc;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  padding: 5px 3px;
}
.excTd .none {
  color: #b9b9b9;
}
.excTd .acc {
  color: #4dcb66;
  font-weight: bold;
}
/* 230206 배너등록 추가 */
.fileWrap {
  margin: 8px 15px;
  background: #fff;
}
.fileListWrap {
  padding: 10px;
}
.fileListWrap:after {
  display: block;
  clear: both;
  content: "";
}
.fileListWrap .fileList {
  overflow: hidden;
  width: 120px;
  height: 120px;
  float: left;
  position: relative;
  border-radius: 10px;
  border: 1px solid #1a5a99;
}
.fileListWrap .fileList.noImg {
  text-align: center;
  padding-top: 23px;
  cursor: pointer;
}
.fileListWrap .fileList.noImg .fa-file-archive {
  font-size: 2.5rem;
  color: #999;
  margin-bottom: 10px;
}
.fileListWrap .fileList.noImg .fa-plus {
  font-size: 2.5rem;
  color: #999;
  margin-bottom: 10px;
}
.fileListWrap .fileList.noImg p {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-all;
  white-space: nowrap;
  font-size: 15px;
}
.fileListWrap .fileList .btnImgDel {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 1000px;
  background: #f86c6c;
  padding: 0 8px;
  box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.5);
}
.fileListWrap .fileList img {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.fileListWrap .fileList:nth-child(2n) {
  margin: 0 1.5%;
}
.fileListWrap .fileList .icoCamera {
  width: 50px !important;
  height: 50px !important;
  margin: 0 auto;
}

td.content {
  position: relative;
}

.sortMenu {
  position: absolute;
  background: rgb(255, 255, 255);
  width: 115px;
  border-radius: 5px;
  border: 1px solid #ddd;
  z-index: 1;
  cursor: pointer;
  /* display: none; */
  top: 39px;
  right: 33px;
}

.sortMenu li {
  display: block;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
  font-size: 15px;
  border-bottom: 1px solid #ddd;
}

.sortMenu li.active {
  background-color: 1px solid #ddd;
}

.sortMenu li::before {
  content: "\f111";
  font-family: "FONTAWESOME";
  font-size: 10px;
  color: #db9200;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
}

.sortMenu li.ok::before {
  color: #5c60e5;
}

/* 240422 */
.search {
  position: relative;
  right: 0px;
}

.search input {
  width: 300px;
}

.search span.read {
  position: absolute;
  top: 0px;
  right: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #0398ff;
  width: 40px;
  height: 40px;
}

span.read::after {
  content: "\f002";
  font-family: "FontAwesome";
  font-size: 14px;
  color: #fff;
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(50%, -50%);
  text-align: center;
}

.inContWrap.add {
  max-width: 767px;
}

.inContWrap.add h1 {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 30px;
}

.inpWrap {
  display: block;
}

.inpWrap label {
  display: block;
  margin-bottom: 5px;
  font-size: 0.9rem;
  color: #232324;
  font-weight: 500;
}

.inpWrap .twoFlex div {
  width: 49%;
  margin-bottom: 20px;
}

.inpWrap .twoFlex div input {
  width: 100%;
}

.charge {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.charge p {
  font-size: 0.9rem;
  color: #818a99;
}

.charge h2 {
  font-size: 1.2rem;
  font-weight: bold;
}

.charge .number {
  border: 1px solid #cad1db;
  border-radius: 5px;
  padding: 15px;
  width: 200px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.charge .number .price {
  font-weight: bold;
  font-weight: 1.2rem;
  color: #000;
}

.charge .number span {
  border-radius: 10px;
  background-color: #f0f4fa;
  padding: 10px;
  display: inline-block;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
  width: 40px;
  height: 40px;
  vertical-align: middle;
  line-height: 18px;
}

.fa-circle-question {
  color: #0398ff;
}

.main {
  color: #0398ff !important;
}

.twoFlex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.fa-arrow-up-right-from-square {
  color: #0398ff !important;
  margin-left: 5px;
}