/* ----------- 헤더 ----------- */

#header {
  width: 100%;
  float: left;
  min-width: 1650px;
}

/* ----------- 최고상단 ----------- */
#headerMenuSection {
  float: left;
  width: 100%;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  min-height: 60px;
  line-height: 60px;
}

.header_left {
  width: 250px;
  float: left;
}

.header_left .logoWrap {
  width: 100%;
  float: left;
  height: 100%;
}

.header_left .logoWrap > a {
  width: 100%;
  float: left;
  height: 100%;
}

.header_left .logoWrap > a > img {
  max-height: 55px;
  object-fit: cover;
  left: 38%;
  transform: translateX(-50%);
}

.header_right {
  width: calc(100% - 250px);
  float: left;
}

#top_wrap {
  width: 100%;
  float: left;
}

#top_wrap .top_memnu {
  width: 100%;
  float: left;
  background-color: rgba(255, 255, 255, 0.08);
  border-bottom: 1px solid #545454;
  opacity: 0.5;
}

#top_wrap .top_memnu ul {
  width: auto;
  float: right;
  padding: 8px 15px;
}

#top_wrap .top_memnu ul li {
  padding: 0px 10px;
  width: auto;
  float: left;
}

#top_wrap .top_memnu ul li a {
  width: 100%;
  vertical-align: middle;
  color: white;
  text-align: center;
  font-size: 11px;
  font-family: Noto Sans KR, sans-serif;
  color: #fff;
  font-weight: 500;
}

#header_top {
  width: 100%;
  float: left;
}

#header_top .logoWrap {
  width: 250px;
  float: left;
  text-align: center;
}

.cup {
  cursor: pointer;
}

#header_top .menuWrap {
  width: 100%;
  float: left;
}

.menuWrap .leftMenu {
  width: 60%;
  float: left;
}

.menuWrap .leftMenu ul {
  width: 100%;
  float: left;
}

.menuWrap .leftMenu ul li {
  min-width: 11%;
  width: auto;
  float: left;
  text-align: center;
  color: white;
}

.menuWrap .leftMenu ul li a {
  width: 100%;
  float: left;
  padding: 0 10px;
  color: inherit;
  font-size: 15px;
}

.notiCntBox {
  background-color: #467cdf;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  border-radius: 50px;
  color: white;
  font-size: 10px;
  right: 15px;
  top: 20px;
}

.notiCntBox2 {
  background-color: #467cdf;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  color: white;
  font-size: 10px;
}

.notiCntBox.red {
  background-color: #cc3333 !important;
  width: 18px;
  height: 18px;
  line-height: 19px;
  text-align: center;
  position: absolute;
  vertical-align: middle;
  border-radius: 50px;
  color: white;
  font-size: 10px;
  right: 19px;
  top: 10px;
  padding-right: 2px;
}

.notiCntBox2.red {
  background-color: #cc3333 !important;
}

.menuWrap .rightMenu {
  width: 40%;
  float: right;
  text-align: right;
  font-size: 0;
}

.system_toggle label.toggle {
  left: 50%;
  transform: translateX(-50%);
}

.ui-datepicker table {
  margin: 0 !important;
}

.menuWrap .rightMenu .leftBox {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
}

.menuWrap .rightMenu .leftBox ul {
  width: 100%;
  float: left;
  text-align: right;
  font-size: 0;
}

.menuWrap .rightMenu .leftBox ul li {
  width: 25%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: #555555;
}

.menuWrap .rightMenu .leftBox ul li.aramEvent {
  cursor: pointer;
}

.menuWrap .rightMenu .leftBox ul li.aramEvent > i {
  font-size: 18px;
}

.menuWrap .rightMenu .leftBox ul li a {
  width: 100%;
  float: left;
  color: #555555;
  font-size: 15px;
}

.menuWrap .rightMenu .leftBox ul li i {
  color: inherit;
  font-size: 18px;
  font-weight: 400;
}

.menuWrap .rightMenu .leftBox li.icon {
  width: 50px;
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}

.menuWrap .rightMenu .rightBox {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  padding: 0 15px;
}

.menuWrap .rightMenu .loginInfo {
  width: 100%;
  float: left;
  text-align: center;
}

.menuWrap .rightMenu .loginInfo span {
  color: #000;
  font-size: 13px;
  font-weight: bold;
}

.menuWrap .rightMenu .loginInfo .teamName {
  padding: 0 7px;
}

.menuWrap .rightMenu .loginInfo .moreIcon {
  margin-left: 10px;
  color: #666666;
}

.menuWrap .rightMenu .loginInfo .moreIcon a,
.menuWrap .rightMenu .loginInfo .moreIcon i {
  color: inherit;
}

.menuWrap .rightMenu .loginHidden {
  display: none;
  position: absolute;
  z-index: 2;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 5px;
  width: 100%;
}

.noDataIcon {
  font-size: 50px;
  left: 150px;
  top: 80px;
  color: #ccc;
}

.noDataText {
  width: 100%;
  float: left;
  text-align: center;
  top: 35%;
}

/* ----------- 최고상단 ----------- */

/* ----------- 즐겨찾기 ----------- */

#bookmark {
  width: 100%;
  float: left;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #eaeaea;
  padding-left: 25px;
  overflow: hidden;
}

#bookmark > p {
  width: 2%;
  float: left;
  text-align: center;
}

#bookmark > p i {
  color: #ffcc33;
}

#bookmark ul {
  width: calc(98% - 28px);
  height: 100%;
  float: left;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 28px;
}

#bookmark ul:hover {
  overflow-x: auto;
}

#bookmark ul li {
  display: inline-block;
}
#bookmark ul::-webkit-scrollbar {
  width: 2px;
  height: 2px;
}

#bookmark ul::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

#bookmark ul::-webkit-scrollbar-track {
  background-color: white;
  box-shadow: inset 0px 0px 5px white;
}

#bookmark ul li a {
  width: 100%;
  float: left;
  padding: 0 15px;
  line-height: 60px;
  color: #333;
  font-size: 14px;
}

/* ----------- 즐겨찾기 ----------- */

/* ----------- 헤더 ----------- */

/* ----------- 알림 ----------- */
#headerMyScheduleWrap {
  position: absolute;
  height: 360px;
  width: 400px;
  transition: height 0.3s;
  background-color: #fff;
  top: 60px;
  right: 7%;
  z-index: 100;
  border: 1px solid #e1e1e1;
  overflow: hidden;
}

#headerMyScheduleWrap.active {
  height: 0px;
  transition: all 0.3s;
  border: 0px solid #e1e1e1;
}

#headerMyScheduleWrap > .titleWrap {
  width: 100%;
  height: 55px;
  float: left;
  border-bottom: 1px solid #e1e1e1;
}

#headerMyScheduleWrap > .titleWrap.active {
  display: none;
}

#headerMyScheduleWrap > .titleWrap > .left {
  width: 30%;
  float: left;
  height: 55px;
  line-height: 55px;
  font-size: 17px;
  font-weight: bold;
  color: #000;
  letter-spacing: -0.5px;
  padding-left: 20px;
}

#headerMyScheduleWrap > .titleWrap > .left i {
  font-size: 18px;
  color: #000;
}

#headerMyScheduleWrap > .titleWrap > .right_header > ul {
  width: 70%;
  float: right;
  padding-top: 16px;
  padding-right: 10px;
}

#headerMyScheduleWrap > .titleWrap > .right_header > ul > li {
  height: 20px;
  line-height: 20px;
  float: left;
}

#headerMyScheduleWrap > .titleWrap > .right_header > ul > li > button {
  width: 85px;
  background-color: #fff;
  height: 30px;
  font-size: 13px;
  cursor: pointer;
}

#headerMyScheduleWrap > .titleWrap > .right_header > ul > li:first-of-type {
  border-left: 0;
}

#headerMyScheduleWrap > .titleWrap > .right_header > ul > li > a {
  color: #333;
  font-size: 18px;
}

#headerMyScheduleWrap > .conWrap {
  width: 100%;
  height: 290px;
  float: left;
  padding: 15px 20px;
  overflow-y: auto;
}

#headerMyScheduleWrap > .conWrap.active {
  display: none;
}

#headerMyScheduleWrap > .conWrap > ul {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  border-left: 1px solid #ccc;
  padding-left: 19px;
}

#headerMyScheduleWrap > .conWrap > ul > li {
  width: 100%;
  float: left;
  margin: 3px 0;
  display: table;
  table-layout: fixed;
  cursor: pointer;
}

#headerMyScheduleWrap > .conWrap > ul > li > span {
  display: table-cell;
  font-size: 14px;
  font-weight: 500;
  color: #333;
}

#headerMyScheduleWrap > .conWrap > ul > li > span.category {
  float: left;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #000;
}

#headerMyScheduleWrap > .conWrap > ul > li > span.time {
  float: right;
  letter-spacing: -0.5px;
  color: #ccc;
}

#headerMyScheduleWrap > .conWrap > ul > li > span.content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #666;
}

#headerMyScheduleWrap > .conWrap > ul.active {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  border-left: 1px solid #ccc;
  padding-left: 19px;
}

#headerMyScheduleWrap > .conWrap > ul.active > li {
  width: 100%;
  float: left;
  margin: 3px 0;
  display: table;
  table-layout: fixed;
  cursor: pointer;
}

#headerMyScheduleWrap > .conWrap > ul.active > li > span {
  display: table-cell;
  font-size: 14px;
  font-weight: 500;
  color: #ccc;
}

#headerMyScheduleWrap > .conWrap > ul.active > li > span.category {
  float: left;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: -0.5px;
  color: #ccc;
}

#headerMyScheduleWrap > .conWrap > ul.active > li > span.time {
  float: right;
  letter-spacing: -0.5px;
  color: #ccc;
}

#headerMyScheduleWrap > .conWrap > ul.active > li > span.content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #ccc;
}

#headerMyScheduleWrap > .conWrap > ul > li.end {
  display: none;
}

#headerMyScheduleWrap > .conWrap::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  background-color: #fff;
}

#headerMyScheduleWrap > .conWrap::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background-color: #aaa;
  border: 1px solid #fff;
}

#circleActive {
  width: 5px;
  height: 5px;
  top: 12px;
  left: -22px;
  border-radius: 50%;
  background-color: #ccc;
}

/* ----------- 알림 ----------- */

/* ----------- 바디 ----------- */

#body {
  width: 100%;
  min-width: 1650px;
  display: flex;
}

#leftContent.active {
  width: 250px;
  overflow: hidden;
  transition: all 0.5s;
}

#rightContent.active {
  transition: all 0.5s;
}

.mainContainer {
  display: flex;
  width: 100%;
}
/* ----------- 좌측메뉴 ----------- */

#leftContent_parent {
  display: flex;
  height: auto;
  flex-direction: column;
  z-index: 2;
  min-height: 100vh;
  width: 90px;
  min-width: 90px;
}

#leftContent_parent .leftMenu {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999;
  overflow: hidden;
}

#leftContent_parent .leftMenu > ul {
  width: 100%;
  float: left;
}

#leftContent_parent .leftMenu > ul > li {
  width: 100%;
  height: 90px;
  float: left;
}
#leftContent_parent .leftMenu > ul > li > a {
  width: 100%;
  height: 100%;
  float: left;
  text-align: center;
  cursor: pointer;
}
#leftContent_parent .leftMenu > ul.favoriteBtnWrap > li > a > i {
  font-size: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fad75e;
}
#leftContent_parent .leftMenu > ul > li > a > i {
  font-size: 24px;
  position: absolute;
  left: 50%;
  top: 37%;
  transform: translate(-50%, -50%);
  color: rgba(255, 255, 255, 0.5);
}
#leftContent_parent .leftMenu > ul > li > a > p {
  color: rgba(255, 255, 255, 0.5);
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 23%;
  font-size: 11px;
}
#leftContent_parent .leftMenu > ul.active > li > a {
  background: rgba(0, 0, 0, 0.2);
}
#leftContent_parent .leftMenu > ul.active > li > a > i {
  color: #fff;
}
#leftContent_parent .leftMenu > ul.active > li > a > p {
  color: #fff;
}
#leftContent_parent .leftMenu .favoriteBtnWrap.active > li > a > i {
  color: #fad75e;
}
#leftContent_parent .leftMenu > ul:hover > li > a {
  background: rgba(0, 0, 0, 0.2);
}
#leftContent_parent .leftMenu > ul:hover > li > a > i {
  color: #fff;
}
#leftContent_parent .leftMenu > ul:hover > li > a > p {
  color: #fff;
}
#leftContent_parent .leftMenu .favoriteBtnWrap:hover > li > a > i {
  color: #fad75e;
}
#leftContent {
  width: 0;
  overflow: hidden;
  transition: all 0.5s;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
}

#leftContent.left_bookmark {
  display: none;
}

#leftContent .menuTit {
  width: 100%;
  float: left;
  height: 90px;
  line-height: 90px;
  text-align: center;
  font-size: 18px;
  border-bottom: 1px solid #e3e4e9;
}

#leftContent .leftMenu {
  width: 100%;
  float: left;
  padding: 55px 20px;
  white-space: nowrap;
  overflow: hidden;
}

#leftContent .leftMenu .menuBox {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

#leftContent .leftMenu .menuItems {
  width: 100%;
  float: left;
  white-space: nowrap;
  overflow: hidden;
}

#leftContent .leftMenu .menuItems.active_color {
  border-radius: 5px;
}

#leftContent .leftMenu .menuItems.bookmark {
  display: none;
}

#leftContent .leftMenu .menuItems:not(:first-of-type) {
  margin-top: 10px;
}

#leftContent .leftMenu .bigMenu {
  width: 100%;
  float: left;
}

#leftContent .leftMenu .bigMenu > li {
  width: 100%;
  float: left;
}

#leftContent .leftMenu .bigMenu > li a {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #333;
}

#leftContent .leftMenu .bigMenu > li a * {
  font-size: 15px;
  line-height: 25px;
  color: inherit;
}

#leftContent .leftMenu .bigMenu > li p {
  width: 100%;
  float: left;
  font-weight: bold;
  color: #333;
  cursor: default;
}

#leftContent .leftMenu .bigMenu > li p * {
  font-size: 15px;
  line-height: 25px;
  color: inherit;
}

#leftContent .leftMenu .menuIcon {
  width: 5%;
  float: left;
  text-align: center;
}

#leftContent .leftMenu .menuIcon i {
  margin-left: -1px;
}

#leftContent .leftMenu .menuName {
  max-width: 83%;
  float: left;
  padding: 0 7px 0 10px;
  color: inherit;
  cursor: pointer;
  line-height: 35px !important;
}

.commonNoticeCntBox {
  float: left;
  border: 1px solid;
  text-align: center;
  right: 0;
  max-width: 5%;
  top: 50%;
  transform: translateY(-50%);
  min-width: 30px;
  border-radius: 10px;
  line-height: 16px !important;
  font-size: 12px !important;
}

#leftContent .leftMenu .bigMenu .menuMoreIcon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

#leftContent .leftMenu .smallMenu {
  width: 100%;
  float: left;
  margin-top: 15px;
  display: none;
}

#leftContent .leftMenu .smallMenu > li {
  width: 100%;
  float: left;
}

#leftContent .leftMenu .smallMenu > li:not(:first-of-type) {
  margin-top: 5px;
}

#leftContent .leftMenu .smallMenu .active {
  background-color: black;
  border-radius: 5px;
}

#leftContent .leftMenu .smallMenu > li a {
  width: 100%;
  float: left;
  color: inherit;
  height: 35px;
}

#leftContent .leftMenu .smallMenu > li a * {
  font-size: 14px;
  line-height: 35px;
}

#leftContent .leftMenu .menuMoreIcon {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

#leftContent .menuItems.active .bigMenu > li .menuIcon {
  background-color: #467cdf;
  border-radius: 5px;
  color: white;
}

#leftContent .menuItems.active .bigMenu > li .menuName {
  color: black;
}

#leftContent .menuItems.active .smallMenu {
  display: block;
}

#leftContent .menuItems.active .bigMenu > li .menuMoreIcon i {
  transform: rotate(180deg);
}
.absolute_bottom_icon {
  position: absolute;
  bottom: 0;
}
/* ----------- 좌측메뉴 ----------- */

/*  */
#rightContent .leftSide {
  width: 50px;
  height: 50px;
  background: #fff;
  float: left;
  box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 10%);
}

#rightContent .leftSideSizeControlBtn {
  transition: 0.5s all;
  cursor: pointer;
  width: 50px;
  height: 50px;
  color: #467cdf;
  line-height: 50px;
  text-align: center;
  float: left;
}

#rightContent .leftSide:active {
  box-shadow: none;
}

/* ----------- 우측컨텐츠 ----------- */
.rightContainer {
  display: flex;
  flex-grow: 1;
}
.rightContainer .footer {
  float: none;
  display: flex;
  border-top: 1px solid #ccc;
  width: 100%;
  flex-direction: column;
}
#rightContent {
  width: 1300px;
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 1300px;
  min-height: 100vh;
  background-color: #f0f1f2;
  transition: all 0.5s;
}
.dashboradWrapper {
  width: 1300px;
  flex-grow: 1;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-width: 1300px;
  min-height: 100vh;
}
/* ----------- 페이지 상단 정보 ----------- */

.pageInfoWrap {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e3e5e7;
  padding: 24px 50px 0 50px;
  height: 110px;
}

.pageInfoWrap .pageInfo {
  width: 50%;
  float: left;
}

.pageInfoWrap .pageInfo > ul {
  width: 100%;
  float: left;
}

.pageInfoWrap .pageInfo_icon {
  width: auto;
  float: left;
}

.pageInfoWrap .pageInfo_icon span {
  width: 42px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  background-color: white;
  float: left;
  border-radius: 3px;
  border: 1px solid #e2e2e2;
}

.pageInfoWrap .pageInfo_icon i {
  font-size: 16px;
  color: red;
}

.pageInfoWrap .pageInfo_text {
  width: 80%;
  float: left;
  padding-left: 17px;
}

.pageInfoWrap .pageInfo_text p {
  width: 100%;
  float: left;
}

.pageInfoWrap .navTit {
  font-size: 18px;
  color: black;
  font-weight: 500;
}

.pageInfoWrap .navSubTit {
  font-size: 13px;
  color: #666666;
  margin-top: 5px;
  line-height: 20px;
}

.pageInfoWrap .pageNav {
  width: 50%;
  float: left;
  text-align: right;
  padding-top: 14px;
}

.pageInfoWrap .pageNav * {
  color: #666;
  font-size: 13px;
}

.pageInfoWrap .pageNav span {
  margin: 0 3px;
}

.pageInfoWrap .pageNav a:last-of-type {
  font-weight: bold;
}

.pageInfoWrap .pageNav .addBookMark {
  font-size: 17px;
  margin-left: 15px;
  cursor: pointer;
}

.pageInfoWrap .pageNav .delBookMark {
  font-size: 17px;
  margin-left: 15px;
  color: #ffcc33;
  cursor: pointer;
}

/* ----------- 페이지 상단 정보 ----------- */

/* ----------- 페이지 상단 탭 ----------- */
.pageTabWrap {
  width: 100%;
  float: left;
  padding: 0 50px;
  margin-top: 25px;
}

.pageTabWrap > div {
  width: auto;
  float: left;
  background-color: white;
  border-radius: 50px;
  border: 1px solid #e2e2e2;
}

.pageTabWrap > div ul {
  width: 100%;
  float: left;
}

.pageTabWrap > div ul li {
  width: 150px;
  float: left;
  text-align: center;
  color: #333;
  font-weight: bold;
}

.pageTabWrap > div ul a {
  width: 100%;
  float: left;
  line-height: 40px;
  color: inherit;
}

.pageTabWrap > div .active {
  background-color: #467cdf;
  color: white;
  border-radius: 50px;
}

/* ----------- 페이지 상단 탭 ----------- */

/* ----------- 페이지 ----------- */
.contentWrap {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding: 0 50px;
}

.contentWrap.preView {
  padding: 0;
  margin: 0;
}

.contentWrap.half {
}

.contentWrap.half > div {
  width: 50%;
  float: left;
}

.contentWrap.half > div:nth-of-type(1) {
  padding-right: 15px;
}

.contentWrap.half > div:nth-of-type(2) {
  padding-left: 15px;
}

.contentWrap.half .contentBox {
  padding: 25px 25px;
}

.contentWrap.dashboardver .contentBox {
  padding: 35px 50px;
}

.contentWrap.searchver .contentBox {
  padding: 35px 50px;
}

.contentBox {
  width: 100%;
  float: left;
  background-color: white;
  border-radius: 5px;
  border: 1px solid white;
  padding: 55px 35px 60px 35px;
}

.contentBox.preView {
  padding: 0;
  border: none;
  padding: 0 20px;
}

.contentBox.shadow {
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
}

.contentBox.chartShadow {
  padding: 0 0 60px 0;
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
}

.contentBox.tab {
  padding: 30px;
}

/* 2022.05.14(토) 작업자 문정원 - 지원문의 리스트 */

.storetoptab {
  width: 100%;
  float: left;
  padding: 0px 50px;
  margin-top: 20px;
}

.storetoptab .background {
  width: 100%;
  float: left;
  background-color: #467cdf;
  padding: 5px 40px;
  border-radius: 5px;
}

.storetoptab .background > div {
  width: 50%;
  height: 56px;
  float: left;
}

.storetoptab .background > div .store {
  width: 100%;
  float: left;
  padding: 13px 0px;
}

.storetoptab .background > div .store .store1 {
  width: 4%;
  float: left;
}

.storetoptab .background > div .store .store1 > i {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}

.storetoptab .background > div .store .store2 {
  width: auto;
  color: #fff;
  float: left;
  font-size: 20px;
  margin-right: 4px;
}

.storetoptab .background > div .store .store3 {
  width: auto;
  color: #fff;
  float: left;
  font-size: 20px;
}

.storetoptab .background > div .store .store4 {
  width: auto;
  float: left;
  margin-left: 30px;
}

.storetoptab .background > div .store .storeList {
  background-color: #467cdf;
  color: #fff;
  border: 1px solid #799ad8;
  height: 30px;
  width: 180px;
  float: left;
  padding: 0 10px;
  font-size: 13px;
}

.storetoptab .background > div .store .storeList option {
  color: inherit;
}

.storetoptab .background > div .sv_wrap {
  float: right;
  top: 50%;
  transform: translateY(-50%);
  background-color: #fff;
  border-radius: 25px;
  padding: 12px 30px;
}

.storetoptab .background > div .sv_wrap .tit {
  color: #467cdf;
  font-weight: 600;
}

.storetoptab .background > div .sv_wrap .sv .name {
  font-weight: 600;
}
.storetoptab .background > div .sv_wrap .icon .midx3 > i,
.storetoptab .background > div .sv_wrap .icon .midx4 > i {
  font-weight: 600;
  cursor: pointer;
}
.storetoptab .background > div .sv_wrap .icon .division {
  padding: 0 10px;
  color: #e9e9e9;
  font-weight: 900;
}
.storetoptab .background > div .sv_wrap > div {
  float: left;
  padding: 0 10px;
}

.storetoptab .background > div .midx_log {
  width: 100%;
  float: left;
  padding: 7px 0px;
}

.storetoptab .background > div .midx_log .midx {
  min-width: 400px;
  float: right;
  background-color: #fff;
  border-radius: 25px;
  padding: 12px 30px;
}

.storetoptab .background > div .midx_log .midx .midx1 {
  width: 22%;
  float: left;
  color: #467cdf;
  font-weight: 600;
}

.storetoptab .background > div .midx_log .midx .midx2 {
  width: 46%;
  float: left;
  margin-left: 8%;
}

.storetoptab .background > div .midx_log .midx .midx2 > span:first-child {
  font-weight: 600;
}

.storetoptab .background > div .midx_log .midx .midx3 {
  width: 12%;
  float: left;
}

.storetoptab .background > div .midx_log .midx .midx3 > i {
  color: #467cdf;
  cursor: pointer;
}

.storetoptab .background > div .midx_log .midx .midx3::after {
  content: "";
  border: 1px solid #e9e9e9;
  position: absolute;
  height: 100%;
  left: 100%;
}

.storetoptab .background > div .midx_log .midx .midx4 {
  width: 12%;
  float: left;
  text-align: right;
}

.storetoptab .background > div .midx_log .midx .midx4 > i {
  color: #467cdf;
  cursor: pointer;
}

.type_list .list table tbody td > i.complist {
  font-size: 17px;
}

/* 양도양수 가맹점 2022.08.18(목) 작업자 문정원 */
.assign_store {
  width: 100%;
  float: left;
  padding: 0px 50px;
  margin-top: 10px;
}

.assign_store form {
  width: 100%;
  float: left;
  background-color: #fff;
  box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
  padding: 10px 40px;
}

.assign_store form > span {
  width: 7%;
  float: left;
  line-height: 35px;
  font-size: 14px;
  font-weight: bold;
  color: #333;
}

/* 양도양수 가맹점 2022.08.18(목) 작업자 문정원 */

.loglist {
  padding: 10px;
  width: 240px;
  border-radius: 5px;
  background-color: #fff;
  position: absolute;
  left: 77.8%;
  top: 85%;
  z-index: 1;
  display: none;
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.3);
}

.loglist i {
  color: #467cdf !important;
}

.loglist > div {
  width: 100%;
  float: left;
  text-align: left;
}

.loglist > .mainSv > div {
  width: 100%;
  float: left;
  margin: 2px 0px;
  padding: 5px 0px;
}

.loglist > .mainSv .right {
  text-align: center;
}

.loglist > div > div .left {
  width: 50%;
  float: left;
  font-weight: 500;
  color: #666;
}

.loglist > div > div {
  width: 100%;
  float: left;
}

.loglist > div > div .left > i {
  padding: 10px;
}

.loglist > div > div .right {
  width: 50%;
  float: right;
  padding: 7.5px 0px;
  color: #666;
  font-size: 13px;
}

.loglist > div > .sv_box {
  border-radius: 10px;
  background-color: #ededed;
}

.loglist .mainSv {
  border-bottom: 2px solid #ededed;
}

.loglist > .subSv .right {
  text-align: center;
}

.loglist > .svWrap {
  padding: 15px 22px;
  padding-top: 0px;
}

.loglist > .svWrap > ul {
  width: 100%;
  float: left;
  border-left: 1px solid #ccc;
  padding-left: 19px;
  padding-top: 25px;
}

.loglist > .svWrap > ul > li:first-child {
  width: 100%;
  float: left;
  font-size: 13px;
}

.loglist > .loglisttit {
  font-weight: 500;
}

.loglist #circle2 {
  width: 10px;
  height: 10px;
  left: -24px;
  border-radius: 50%;
  border: solid 3px #cccccc;
  background-color: #fff;
}

.loglist > .svWrap > ul > li:last-child {
  width: 100%;
  float: left;
  color: #9f9f9f;
  font-size: 12px;
}

.contentBox.shadow .toptab {
  width: 100%;
  float: left;
}

.contentBox.shadow .toptab > ul {
  width: 14.285%;
  float: left;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  text-align: center;
  padding: 10px 0px;
  background-color: #f8f8f8;
  cursor: pointer;
}

.contentBox.shadow .toptab > ul:last-child {
  border-right: 1px solid #e2e2e2;
}

.contentBox.shadow .toptab > ul > li {
  width: 100%;
  float: left;
}

.contentBox.shadow .topGuide {
  width: 100%;
  float: left;
  padding: 20px 20px;
  background: #f8f8f8;
  margin-bottom: 40px;
}

.contentBox.shadow .topGuide .title {
  color: #666;
  font-weight: 900;
}

.contentBox.shadow .topGuide .value {
  font-size: 13px;
  padding: 10px 0 0 10px;
}

.support_top {
  width: 100%;
  float: left;
  margin-top: 10px;
  padding: 0px 50px;
}

.support_top > div {
  height: 480px;
}

.support_top .support_info {
  width: 60%;
  height: 450px;
  float: left;
  background-color: white;
  padding: 20px 40px 50px 40px;
  box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
  border-radius: 5px;
}

.support_top .support_info .info_title {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.support_top .support_info .info_title ul {
  width: 100%;
  float: left;
}

.support_top .support_info .info_title li {
  width: 100%;
  float: left;
}

.support_top .support_info.left {
  width: 49%;
  height: 450px;
  float: left;
  background-color: white;
  padding: 20px 40px 50px 40px;
  box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
  border-radius: 5px;
}

.support_top .support_info.right {
  width: 49%;
  height: 450px;
  float: left;
  background-color: white;
  padding: 20px 40px 50px 40px;
  box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
  border-radius: 5px;
  margin-left: 2%;
}

.info_main_title {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.info_sub {
  font-size: 12px;
}

.info_sub > span {
  float: left;
}

.support_top .support_info .info_content {
  width: 100%;
  float: left;
  border-top: 1px solid #e2e2e2;
  padding-top: 40px;
  height: 100%;
  overflow: hidden;
}

.support_top .support_info .info_content .store_img {
  width: 50%;
  float: left;
}

.support_top .support_info .info_content .store_img .slide {
  width: 1%;
  float: left;
  position: absolute;
}

.support_top .support_info .info_content .store_img .slide > ul {
  width: 100%;
  float: left;
}

.support_top .support_info .info_content .store_img .image {
  width: 98%;
  float: left;
}

.support_top .support_info .info_content .store_img .image > img {
  object-fit: cover;
  width: 100%;
  max-width: 420px;
  height: 280px;
  border-radius: 5px;
}

.support_top .support_info .info_content .store_info {
  width: 50%;
  float: left;
  padding-left: 30px;
}

.support_top .support_info .info_content .store_info > ul {
  width: 100%;
  float: left;
  margin-bottom: 18px;
}

.support_top .support_info .info_content .store_info > ul > li:first-child {
  width: 30%;
  float: left;
  font-weight: 600;
  color: #333;
}

.support_top .support_info .info_content .store_info > ul > li:last-child {
  width: 70%;
  float: left;
}

.support_top .support_info .info_content .store_info > ul > li {
  letter-spacing: 0;
}

.support_top .operating_info {
  width: 39%;
  float: left;
  box-shadow: 1px 2px 4.75px 0.25px rgb(0 0 0 / 7%);
  background-color: white;
  margin-left: 1%;
  padding: 20px 37px 79px 25px;
  border-radius: 5px;
}

.support_top .operating_info > div {
  width: 100%;
  float: left;
}

.support_top .operating_info .info_title {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.support_top .operating_info .info_title > div {
  width: 100%;
  float: left;
}

.support_top .operating_info .info_title > div.tit {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}
.support_top .operating_info .info_title > div.tit_wrap {
  width: 100%;
  float: left;
}
.support_top .operating_info .info_title > div.tit_wrap > div {
  width: 50%;
  float: left;
}
.support_top .operating_info .info_title > div.tit_wrap .tit {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
  text-align: right;
}
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap > span {
  padding: 0 5px;
}
.support_top .operating_info .info_title > div.tit_wrap .icon_wrap > span.tit {
  font-size: 14px;
}
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.division {
  padding: 0 10px;
  font-weight: 900;
  color: #e9e9e9;
}
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.checked
  > i {
  color: #37ac00;
}
.support_top
  .operating_info
  .info_title
  > div.tit_wrap
  .icon_wrap
  > span.noChecked
  > i {
  color: #cccccc;
}
.support_top .operating_info .sub_wrap {
  font-size: 12px;
  padding: 10px 0;
}

.support_top .operating_info .info_title > ul {
  width: 100%;
  float: left;
}

.support_top .operating_info .info_title > ul:first-child {
  font-size: 18px;
  font-weight: 500;
  color: #333;
  margin-bottom: 10px;
}

.support_top .operating_info .info_title > ul:last-child {
  font-size: 12px;
}

.support_top .operating_info .info_tap > ul {
  width: 33%;
  float: left;
  text-align: center;
  border-top: 1px solid #e2e2e2;
  border-left: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  line-height: 30px;
}

.support_top .operating_info .info_tap > .active {
  border-color: #467cdf;
  border-right: 1px solid #467cdf;
}

.support_top .operating_info .info_tap > ul:last-child {
  border-right: 1px solid #e2e2e2;
}

.support_top .operating_info .info_tap * {
  font-size: 13px;
  cursor: pointer;
}

.support_top .operating_info .info_opentime {
  background-color: #f8f8f8;
  margin-top: 10px;
  padding: 40px 50px 40px 50px;
  min-height: 65%;
}

.support_top .operating_info .info_store_menu {
  background-color: #f8f8f8;
  margin-top: 10px;
  padding: 10px 20px 51px 20px;
  max-height: 228px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.support_top .operating_info .info_store_menu > div {
  width: 100%;
  float: left;
  margin: 8px;
}

.support_top .operating_info .info_opentime .icon_box {
  float: left;
  width: 10%;
}

.support_top .operating_info .info_opentime .icon_box i {
  font-size: 20px;
}

.support_top .operating_info .info_opentime .week_day {
  float: left;
  width: 90%;
}

.support_top .operating_info .info_opentime .week_day > div:first-child {
  width: 50%;
  float: left;
}

.support_top .operating_info .info_opentime .week_day > div:last-child {
  width: 100%;
  float: left;
}

.support_top .operating_info .info_opentime .week_day > div > ul {
  width: 50%;
  float: left;
  margin-bottom: 5px;
  min-height: 22px;
}

.support_top
  .operating_info
  .info_opentime
  .week_day
  > div
  > ul
  li:first-child {
  width: 25%;
  float: left;
}

.support_top .operating_info .info_opentime .week_day > div > ul li:last-child {
  width: 75%;
  float: left;
}

.support_top .operating_info .info_opentime .week_day > div > ul li {
  letter-spacing: 0;
}

.storeCloseToggle {
  float: left;
  margin-left: 22px;
  height: 33px;
  padding: 5px 0;
}

.storeCloseText {
  float: left;
  margin-left: 10px;
  font-weight: 500;
  line-height: 30px;
}

label.small_toggle {
  cursor: pointer;
  background-color: #eee;
  width: 35px;
  height: 22px;
  float: left;
  transition: all 0.5s;
  padding: 5px 7px;
  border-radius: 25px;
}

label.small_toggle > div {
  left: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
  border-radius: 100%;
  float: left;
  transition: all 0.5s;
}

input.toggle:checked + label.small_toggle > div {
  left: 12px;
}

input.toggle:checked + label.small_toggle {
  background-color: #467cdf;
}

.download {
  color: #467cdf;
  border-bottom: 1px solid #467cdf;
  padding-bottom: 3px;
  font-size: 11px;
}

/* 2022.05.14(토) 작업자 문정원 - 지원문의 리스트 */
/* ----------- 페이지 ----------- */

/* ----------- 리스트 ----------- */

.type_list {
  width: 100%;
  float: left;
}

.type_list .listSet {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 8px;
}

/* 2024.01.10(수) 작업자 이재목 - 겹치는 선 제거 */
.type_list .listSet1 {
  border-bottom: none;
}

.type_list .listSet .leftBox {
  width: 50%;
  float: left;
}

.type_list .listSet .leftBox .pageCnt {
  width: auto;
  float: left;
  font-size: 20px;
  color: #333;
  line-height: 35px;
}

.type_list .listSet .leftBox .pageCnt * {
  font-size: inherit;
  color: inherit;
}

.type_list .listSet .leftBox .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_list .listSet .leftBox .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_list .listSet .leftBox .etc_set {
  width: auto;
  float: left;
}

.type_list .listSet .leftBox .etc_set span:not(.noPadding) {
  float: left;
  line-height: 35px;
  padding: 0 10px 0 0;
}

.type_list .listSet .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

.type_list .listSet .rightBox div {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.type_list .listSet .rightBox div:not(:first-of-type) {
  margin-left: 8px;
}

.type_list .listSet .rightBox .searchItem input {
  width: 260px;
}

.type_list .listSet .rightBox .searchItem i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  cursor: pointer;
}

.type_list .listBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_list .listBtn .leftBox {
  width: auto;
  float: left;
}

.type_list .listBtn .leftBox button,
.type_list .listBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_list .listBtn .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_list .listBtn .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_list .listBtn .rightBox .line {
  float: right;
}

.type_list .listBtn .rightBox {
  width: auto;
  float: right;
  text-align: right;
}

.type_list .listBtn .rightBox button,
.type_list .listBtn .rightBox a {
  text-align: center;
  float: right;
  margin-left: 0;
}

.type_list .list {
  width: 100%;
  float: left;
}

.type_list .list > div {
  width: 100%;
  float: left;
}

button.margin_r {
  margin-right: 5px;
}

/* 2022.05.13(금) 작업자 문정원 */
.type_list .list_bottom {
  margin-bottom: 23px;
}

/* 2022.05.13(금) 작업자 문정원 */

/* 2022-05-27(금) 작업자 권보성 */
.bannerThumb {
  width: 200px;
  height: 100px;
}

.bannaerCss {
  width: 400px;
  height: 200px;
}

.type_list .list table thead th {
  background-color: #f8f8f8;
  height: 60px;
  color: #333;
}

.type_list .list table thead .list_th {
  background-color: #f8f8f8;
  height: 40px;
  color: #333;
}

.type_list .list table thead th:not(:first-of-type) {
  border-left: 1px solid #e2e2e2;
}

.type_list .list table thead th.second_list_th {
  border-left: 1px solid #e2e2e2;
}

.type_list .list table thead tr:first-of-type th {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

.type_list .list table thead tr:not(:first-of-type) th:first-of-type {
  border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody td {
  background-color: white;
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 10px;
  font-size: 13px;
}

.type_list .list table tbody td.green {
  color: green;
  font-weight: 500;
}

.type_list .list table tbody td.red {
  color: #cc3333;
  font-weight: 500;
}

.type_list .list table tbody td.blue {
  color: blue;
  font-weight: 500;
}

/* -----220530 추가(문상우)------- */
.type_list .list table tbody td.list_product_info {
  padding: 0 10px;
}

.type_list .list table tbody td.list_product_info > div:nth-child(1) {
  width: 50px;
  float: left;
  height: 100%;
}

.type_list .list table tbody td.list_product_info > div:nth-child(1) > img {
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.type_list .list table tbody td.list_product_info > div:nth-child(2) {
  width: 85%;
  height: 100%;
  float: left;
  text-align: left;
  padding: 10px 15px;
  line-height: 24px;
}

.type_list .list table tbody td.list_product_info > div:nth-child(2) > p {
  width: 100%;
  float: left;
}

.type_list
  .list
  table
  tbody
  td.list_product_info
  > div:nth-child(2)
  > p:nth-child(1) {
  font-weight: 700;
}

.type_list
  .list
  table
  tbody
  td.list_product_info
  > div:nth-child(2)
  > p:nth-child(2) {
  margin: 5px 0;
}

.type_list .list table tbody td.stop p.stop1 {
  width: 100%;
  float: left;
}

.type_list .list table tbody td.stop > p.stop1 > span {
  width: 100%;
  float: left;
}

.type_list .list table tbody td.stop > p.stop1 > span > span {
  width: 100%;
  float: left;
  padding: 0px 10px;
}

.type_list .list table tbody td.stop > p.stop2 {
  width: 100%;
  float: left;
  padding: 0px 10px;
  text-align: center;
  margin-top: 5px;
}

.type_list .list table tbody td.stop > p.stop2 > a {
  width: 80%;
  display: inline-block;
  vertical-align: middle;
  line-height: 30px;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  border-radius: 5px;
  font-size: 13px;
  font-weight: 500;
}

/* ---------------------------- */

.type_list .list table tbody td:not(:first-of-type) {
  border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody td.rowspanleftline {
  border-left: 1px solid #e2e2e2;
}

.type_list .list table tbody tr:first-of-type td {
  border-top: 1px solid #e2e2e2;
}

.type_list
  .list
  table
  tbody
  tr
  td:first-child[rowspan]
  ~ td:nth-of-type(n + 3) {
  border: 1px solid #e2e2e2;
}

.type_list .list table tbody td p {
  font-size: inherit;
}

.type_list .list table tbody td p.subText {
  color: #ccc;
  font-size: 12px;
}

.type_list .list table thead th p.subText {
  color: #ccc;
  font-size: 12px;
}

.type_list .list table tbody td p.subText.line {
  color: #aaaaaa;
  font-size: 12px;
}

.type_list .list table tbody td p.subText.pre {
  color: #aaaaaa;
  font-size: 10px;
  margin-top: 4px;
}

/* 이미지 영역 */
.type_list .list td.imgBox_area {
  padding: 15px;
}

.type_list .list td.imgBox_area div {
  float: left;
  text-align: left;
  font-size: 15px;
  padding-left: 10px;
}

.type_list .list td.imgBox_area img {
  width: 90px;
  height: 90px;
  float: left;
  border-radius: 10px;
}

.type_list .list .listNoData td {
  height: 200px;
}

.type_list .list .listNoData td p {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  font-size: normal;
}

.type_list .list .listNoData td p:not(:first-of-type) {
  margin-top: 10px;
}

.type_list .list .listNoData td p i {
  color: inherit;
  font-size: 45px;
}

.profileIcon {
  width: 30px;
  height: 30px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  border: 1px solid #ececec;
  margin-right: 3px;
}

/* 220514 추가(문상우) */
i.fa-circle {
  color: #2db400;
}

i.fa-times {
  color: #cc3333;
}

/* 220514 추가(문상우) */

.type_list .list .rowMove:hover td {
  background-color: #f6f9ff;
  cursor: pointer;
}

.type_list .listPaging {
  width: 100%;
  float: left;
  margin-top: 15px;
}

.type_list .listPaging > div {
  width: 100%;
  float: left;
  text-align: center;
}

.type_list .listPaging > div ul {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #ccc;
}

.type_list .listPaging > div ul:empty {
  border: none;
}

.type_list .listPaging > div li {
  width: auto;
  float: left;
}

.type_list .listPaging > div li * {
  width: 100%;
  float: left;
  line-height: 35px;
  color: inherit;
}

.type_list .listPaging .num_area {
  width: 40px;
}

.type_list .listPaging .num_area.now {
  color: #467cdf;
}

.type_list .listPaging .arrow_area {
  width: 55px;
}

.type_list .listPaging .arrow_left {
  border-right: 1px solid #ccc;
}

.type_list .listPaging .arrow_right {
  border-left: 1px solid #ccc;
}

.guideWrap {
  width: 100%;
  float: left;
  background-color: #fcfcfc;
  padding: 32px 60px;
  border: 1px solid #e2e2e2;
  margin-top: 80px;
}

.guideWrap div {
  width: 100%;
  float: left;
}

.guideWrap div table td.icon i {
  font-size: 30px;
  color: #cccccc;
}

.guideWrap div table td.line span {
  width: 1px;
  height: 57px;
  display: inline-block;
  vertical-align: middle;
  background-color: #ebebeb;
}

.guideWrap div table td.guideMemo {
  color: #666;
  font-size: 13px;
}

.guideWrap div table td.guideMemo * {
  color: inherit;
  font-size: inherit;
}

.guideWrap div table td.guideMemo h1 {
  line-height: 29px;
}

.guideWrap div table td.left_line {
  padding: 0px 25px;
}

.guideWrap div table td.left_guide {
  padding: 0px 35px;
}

/* ----------- 리스트 ----------- */

/* ----------- 상세보기 ----------- */

.type_view {
  width: 100%;
  float: left;
}

.type_view .view {
  width: 100%;
  float: left;
}

.type_view .view > div {
  width: 100%;
  float: left;
}

.type_view .view > div:not(:first-of-type) {
  margin-top: 60px;
}

.type_view .view h1.tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}

.type_view .view table {
  margin-top: 20px;
}

.type_view .view table tr:first-of-type > * {
  border-top: 2px solid #666666;
}

.type_view .view table tr:not(:first-of-type) > * {
  border-top: 1px solid #e4e4e4;
}

.type_view .view table tr:last-of-type > * {
  border-bottom: 2px solid #f0f0f0;
}

.type_view .view table tr th.label {
  background-color: #f8f8f8;
  height: 60px;
  padding: 8px 20px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.type_view .view table tr td.value {
  background-color: white;
  padding: 8px 25px;
}

.type_view .view table tr td.com {
  color: #cc3333;
  font-weight: bold;
}

.type_view .view tfoot td {
  border: none !important;
  height: 40px;
  font-size: 13px;
  color: #ccc;
}

.type_view .view tfoot td i {
  color: inherit;
}

.type_view .listBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_view .listBtn .leftBox {
  width: 50%;
  float: left;
}

.type_view .listBtn .leftBox button,
.type_view .listBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_view .listBtn .actionBtn_write {
  color: white;
}

.type_view .listBtn .change_manager {
  width: auto;
  font-weight: 400;
}

.type_view .listBtn .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_view .listBtn .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_view .listBtn .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

.listBtn .centerBox {
  width: 100%;
  float: left;
  margin-top: 50px;
  text-align: center;
}
.listBtn .centerBox > div {
  width: 100%;
  float: left;
  text-align: center;
}

/* ----------- 상세보기2 ----------- */

.type_view2 {
  width: 100%;
  float: left;
}

.type_view2 .view2Tab {
  width: 100%;
  float: left;
}

.type_view2 .view2Tab > ul {
  width: 100%;
  float: left;
}

.type_view2 .view2Tab > ul > li {
  width: calc(100% / 9);
  float: left;
  color: black;
  background-color: #fcfcfc;
  text-align: center;
  border-left: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.type_view2.target .view2Tab > ul > li {
  width: calc(100% / 5);
  float: left;
  color: black;
  background-color: #fcfcfc;
  text-align: center;
  border-left: 1px solid #ececec;
  border-top: 1px solid #ececec;
}

.type_view2 .view2Tab > ul > li:last-of-type {
  border-right: 1px solid #ececec;
}

.type_view2 .view2Tab > ul > li a {
  color: inherit;
  width: 100%;
  float: left;
  line-height: 45px;
  color: inherit;
}

.type_view2 .view2Tab .active {
  background-color: white;
  color: #1d63b3;
  font-weight: bold;
  box-shadow: 0px 1px 0px white;
  z-index: 1;
}

/* 뷰 페이지 상단 파비콘 */
.type_view2 .view h1.tit > .colortit {
  margin-right: 8px;
}

.type_view2 .view,
.type_view2 .view_list {
  width: 100%;
  float: left;
  padding: 40px;
  border: 1px solid #ececec;
  /* white-space: nowrap; */
}

.type_view2 .viewSimpleInfo {
  width: 100%;
  float: left;
  background-color: #f8f8f8;
  padding: 20px;
  color: #666666;
  font-weight: normal;
}

.type_view2 .view > div {
  width: 100%;
  float: left;
}

.type_view2 .view > div:not(:first-of-type) {
  margin-top: 60px;
}

.type_view2 .view > div:nth-child(2) {
  margin-top: 25px;
}

.type_view2 .view h1.tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}

/* storeV 수정버튼  */
.titEditBtn {
  width: 60px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  float: left;
}

.titEditBtn i {
  color: #ccc;
  cursor: pointer;
}

.info_sub .titEditBtn::after {
  content: "";
  border: 1px solid #e9e9e9;
  position: absolute;
  height: 100%;
  left: 100%;
}

.viewEditBtnWrapper {
  margin-top: 10px;
  border-top: 1px solid #e9e9e9;
  padding-top: 8px;
}

.viewEditBtnWrapper .titEditBtn {
  border: 1px solid #e9e9e9;
  width: 33px;
}

.viewEditBtnWrapper .titEditBtn i {
  color: #999;
}

.type_view2 .view table {
  margin-top: 20px;
}

.type_view2 .view table tr:first-of-type > * {
  border-top: 2px solid #666666;
}

.type_view2 .view table thead tr:first-of-type > * {
  border-top: 2px solid #666666;
}

.type_view2 .view table tr:not(:first-of-type) > * {
  border-top: 1px solid #e4e4e4;
}

.type_view2 .view table tr:last-of-type > * {
  border-bottom: 2px solid #f0f0f0;
}

.type_view2 .view table tr th.label {
  background-color: #f8f8f8;
  height: 60px;
  padding: 8px 25px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.type_view2 .view table tr td.value {
  background-color: white;
  padding: 8px 25px;
  line-height: 15px;
}

.type_view2 .listBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_view2 .listBtn .leftBox {
  width: 50%;
  float: left;
}

.type_view2 .listBtn .leftBox button,
.type_view2 .listBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_view2 .listBtn .actionBtn_write {
  color: white;
}

.type_view2 .listBtn .change_manager {
  width: auto;
  font-weight: 400;
}

.type_view2 .listBtn .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_view2 .listBtn .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_view2 .listBtn .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

.lastUpdateInfo {
  float: right;
  margin-top: 65px;
  color: #ccc;
}

.lastUpdateInfo i {
  color: #ccc;
  margin-right: 10px;
}

/* 2022.05.15(일) 작업자 문정원 */

.inq_code {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e2e2e2;
}

.inq_code.v2 {
  border-bottom: none;
  margin-bottom: 15px;
}

.inq_code > ul {
  width: 100%;
  float: left;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}

.inq_code > ul li {
  width: 100%;
  float: left;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}

.inq_code > ul li span > i {
  font-size: 20px;
  color: #333;
  margin-right: 5px;
}

.type_view .chat_view_left {
  width: 40%;
  float: left;
  margin-right: 30px;
  padding: 0 25px;
}

.type_view .chat_view_left .view {
  padding: 0;
  border: 0;
}

.type_view .chat_view_left .comment_write {
  width: 100%;
  float: left;
}

.type_view .chat_view_left .comment_write > div:first-child {
  width: 100%;
  float: left;
}

.type_view .chat_view_left .comment_write > div:first-child > ul:first-child {
  width: 4%;
  float: left;
}

.type_view
  .chat_view_left
  .comment_write
  > div:first-child
  > ul:first-child
  > i {
  font-size: 18px;
  line-height: 26px;
  font-weight: 600;
  color: #333;
}

.type_view .chat_view_left .comment_write > div:first-child > ul:last-child {
  width: 90%;
  float: left;
  font-size: 18px;
  margin-left: 3px;
  color: #333;
  font-weight: 500;
}

.type_view .chat_view_left .comment_write .comment_st {
  width: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  padding: 25px 15px 10px 15px;
  border-radius: 5px;
  margin-top: 10px;
}

.type_view .chat_view_left .comment_write .comment_st > div {
  width: 100%;
  float: left;
}

.type_view .chat_view_left .comment_write .comment_st > div > textarea {
  width: 100%;
  border-radius: 5px;
  resize: none;
}

.type_view .chat_view_left .comment_write .comment_st > div > button {
  color: white;
}

.type_view .chat_view_left .comment_write .comment_st .sta {
  margin: 10px 0px;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtn {
  background-color: #fff;
  color: #666;
  border: none;
  width: 18%;
  cursor: pointer;
  float: left;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns {
  background-color: #fff;
  color: #cc3333;
  border: none;
  width: 18%;
  cursor: pointer;
  float: left;
}

.type_view .chat_view_left .comment_write .comment_st .sta button > i {
  margin-right: 5%;
}

.type_view .chat_view_left .comment_write .comment_st .sta .statusBtns > i {
  color: #cc3333;
}

.complete {
  margin-top: 15px;
}

.complete > div {
  width: 100%;
  float: left;
}

.complete .titspan {
  color: #333;
  font-weight: bold;
  line-height: 35px;
  padding-left: 5px;
}

.complete .date {
  color: #aaa;
  font-weight: 100;
  margin-left: 10px;
}

.complete span.comspan1 {
  text-align: center;
  float: right;
  color: #19234b;
  font-weight: 500;
  width: 115px;
  padding: 8px 0px;
  border: solid 1px #19234b !important;
}

.complete > .viewcomp {
  padding: 30px 20px;
  color: #4e4c4d;
  background-color: #eceaeb;
  font-size: 13px;
  border-radius: 5px;
  margin-top: 5px;
}

.comple_form {
  margin-top: 45px;
}

.comple_form span {
  color: #333;
  font-weight: bold;
}

.comple_form .comment_st textarea {
  height: 80px;
}

.comple_form .comment_st .tac {
  padding-top: 10px;
}

.complete .complete_info {
  margin-top: 5px;
  padding: 0px 10px;
}

.complete .complete_info > span {
  font-size: 13px;
  font-weight: 500;
}

.complete .complete_info span.comspan2 {
  float: left;
  letter-spacing: 0;
  color: #19234b;
}

.complete .complete_info span.listicon {
  float: right;
}

.complete .complete_info span.listicon > span {
  color: #19234b;
  font-weight: 500;
  margin-right: 15px;
}

.complete .complete_info span.listicon > a {
  cursor: pointer;
  color: #19234b;
  width: 100%;
  top: 1.5px;
}

.complete .complete_info span.listicon > a > i {
  font-size: 17px;
}

.complete .complete_info > span i {
  margin-right: 3px;
  color: inherit;
}

.type_view .talk_view {
  height: 882px;
}

.talk_view .reloadWrap {
  padding: 0px;
  overflow-y: auto;
  height: 822px;
}

.talk_view .master_re {
  height: 822px;
}

.talk_view .reloadWrap::-webkit-scrollbar {
  width: 10px;
}

.talk_view .reloadWrap::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}

.comment_talk {
  width: 100%;
  float: left;
  padding: 10px 30px 20px 30px;
}

.reloadWrap {
  padding: 0px;
}

.type_view .chat_view_right {
  width: 57%;
  float: left;
  border-radius: 5px;
  background-color: #b2c7da;
  margin-top: 20px;
}

.type_view .chat_view_right > div {
  width: 100%;
  float: left;
}

.type_view .chat_view_right .date {
  margin-top: 10px;
}

.type_view .chat_view_right .date > ul {
  width: 20%;
  float: left;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 40px;
  background-color: #8493a2;
  padding: 8px 0px;
}

.type_view .chat_view_right .date > ul > li {
  width: 100%;
  float: left;
  text-align: center;
  color: #fff;
}

.type_view .chat_view_right .date > ul > li > span {
  color: #fff;
}

.type_view .chat_view_right .comment_talk .commentyou {
  width: 7%;
  float: left;
  text-align: center;
}

.type_view .chat_view_right .comment_talk .commentme {
  width: 7%;
  float: right;
  text-align: center;
}

.type_view .chat_view_right .comment_talk .commentyou {
  width: 7%;
  float: left;
  text-align: center;
}

.type_view .chat_view_right .comment_talk > div:first-child > div {
  width: 50px;
  border-radius: 50%;
  background-color: white;
  height: 50px;
  text-align: center;
  line-height: 54px;
}

.type_view .chat_view_right .comment_talk > div:first-child > div > i {
  font-size: 20px;
  color: #333;
}

.type_view .chat_view_right .comment_talk > div:last-child {
  width: 92%;
  float: left;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > ul
  > li
  > video {
  max-width: 100%;
  vertical-align: middle;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > ul
  > video {
  max-width: 100%;
  vertical-align: middle;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child
  > ul
  > li
  > video {
  max-width: 100%;
  vertical-align: middle;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child
  > ul
  > video {
  max-width: 100%;
  vertical-align: middle;
}

.type_view .chat_view_right .comment_talk .comment_mid > div {
  width: 100%;
  float: left;
  margin-bottom: 6px;
}

.chat_view_right .comment_talk .comment_mid .midume {
  width: 100%;
  float: right;
  text-align: right;
  color: #555;
  font-weight: bold;
}

.chat_view_right .comment_talk .comment_mid .midume li {
  color: inherit;
}

.chat_view_right .comment_talk .comment_mid .miduyou {
  width: 100%;
  float: left;
  text-align: left;
  color: #333;
  font-weight: 500;
}

.type_view .chat_view_right .comment_talk .comment_mid .content > div {
  max-width: 100%;
}

.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap1 {
  font-weight: 500;
  padding: 10px 20px;
  border-radius: 10px;
  width: auto;
  float: left;
}

.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap2 {
  bottom: 3px;
  position: absolute;
  width: max-content;
  min-width: 70px;
}

.chatTypeme .commWrap1 {
  background-color: #ffeb34;
  color: #333;
}

.chatTypeme .commWrap2 {
  left: -80px;
}

.chatTypeme .commWrap2 > li {
  float: right;
}

.chatTypeme > div {
  float: right;
}

.chatTypeyou .commWrap1 {
  background-color: white;
  color: #333;
}

.chatTypeyou .commWrap2 {
  position: relative !important;
  margin-left: 7px;
  text-align: left;
  float: left;
}

.chatTypeyou .commWrap2 > li {
  float: left;
}

.chatTypeyou > div {
  float: left;
}

.type_view .chat_view_right .comment_talk .comment_mid .content .commWrap2 li {
  width: auto;
  font-size: 13px;
  letter-spacing: 0;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  .commWrap2
  li:not(:first-of-type) {
  color: yellow;
}

.reloadx {
  width: 100%;
  float: left;
  height: 60px;
  background-color: #fff;
  border-left: 2px solid #e6e6e6;
  border-bottom: 2px solid #e6e6e6;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 0px 0px 0px 30px;
}

.bodr {
  border-right: 2px solid #e6e6e6;
}

.reloadx .st3 {
  line-height: 57px;
  color: #ccc;
}

.reloadx > div {
  float: left;
  height: 100%;
}

.reloadx .commform {
  width: 86%;
}

.reloadx .commform textarea {
  height: 100%;
  width: 95%;
  resize: none;
  border: none;
  font-size: 15px;
  padding: 19px 0px;
  overflow: hidden;
}

.reloadx .commbtn {
  width: 14%;
}

.reloadx .commbtn button {
  width: 100%;
  height: 100%;
  border: none;
  cursor: pointer;
}

.reloadx .commbtn button > i {
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}

/* 2022.05.15(일) 작업자 문정원 */

/* ----------- 상세보기 ----------- */

/* ----------- 폼 ----------- */

.type_form {
  width: 100%;
  float: left;
}

/* 2022.05.17(화) 작업자 문정원 */
.type_form .listBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_form .listBtn .leftBox {
  width: 50%;
  float: left;
}

.type_form .listBtn .leftBox button,
.type_form .listBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_form .listBtn .actionBtn_write {
  color: white;
}

.type_form .listBtn .change_manager {
  width: auto;
  font-weight: 400;
}

.type_form .listBtn .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_form .listBtn .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_form .listBtn .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

/* 2022.05.17(화) 작업자 문정원 */

/* 2022.05.13(금) 작업자 문정원 */
.type_form_bottom {
  margin-bottom: 60px;
}

/* 2022.05.13(금) 작업자 문정원 */

.type_form .form {
  width: 100%;
  float: left;
}

.type_form .form form > div {
  width: 100%;
  float: left;
}

.type_form .form form > div:not(:first-of-type) {
  margin-top: 60px;
}

.type_form .form h1.tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 10px;
  color: #333;
  width: auto;
  float: left;
}

.type_form .form span.subtit,
.type_view .view span.subtit {
  font-weight: 300;
  color: #ccc;
  font-size: 11px;
  float: right;
}

.type_form .form span.subtit i,
.type_view .view span.subtit i {
  color: inherit;
  font-size: inherit;
}

.type_form .form div:not(.noForm) table {
  margin-top: 20px;
}

.type_form .form div:not(.noForm) table tr:first-of-type > * {
  border-top: 2px solid #666666;
}

.type_form .form div:not(.noForm) table tr:not(:first-of-type) > * {
  border-top: 1px solid #e4e4e4;
}

.type_form .form div:not(.noForm) table tr:last-of-type > * {
  border-bottom: 2px solid #f0f0f0;
}

.type_form .form div:not(.noForm) table tr th.label {
  background-color: #f8f8f8;
  height: 60px;
  padding: 8px 15px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.type_form .form div:not(.noForm) table tr td.value {
  background-color: white;
  padding: 8px 25px;
}

.type_form .formInpTextItem input,
.type_form .formInpTextItem select,
.type_form .formInpTextItem textarea {
  max-width: 98%;
}

.type_form .formInpText {
  width: 2%;
  float: left;
  line-height: 35px;
  text-align: center;
  margin-left: 5px;
}

.type_form .list table {
  margin-top: 20px;
}

.type_form .list table thead th {
  background-color: #f8f8f8;
  height: 60px;
  color: #333;
}

.type_form .list table thead th:not(:first-of-type) {
  border-left: 1px solid #e2e2e2;
}

.type_form .list table thead tr:first-of-type th {
  border-top: 1px solid black;
  border-bottom: 1px solid #e2e2e2;
}

.type_form .list table thead tr:not(:first-of-type) th:first-of-type {
  border-left: 1px solid #e2e2e2;
}

.type_form .list table tbody td {
  background-color: white;
  height: 60px;
  text-align: center;
  border: 1px solid #e2e2e2;
  padding: 0 5px;
  font-size: 13px;
}

.type_form .list table tbody td:first-of-type {
  border-left: none;
}

.type_form .list table tbody td:last-of-type {
  border-right: none;
}

.form_list_btn_wrap td {
  padding: 10px 0;
}

.form_list_btn_wrap td button {
  width: 350px;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}

.type_form .form .findAddr > p {
  width: 100%;
  float: left;
}

.type_form .form .findAddr > p:not(:first-of-type) {
  margin-top: 5px;
}

.type_form .form .findAddrBtn {
  float: left;
  cursor: pointer;
  margin-left: 5px;
}

.type_form .form .zipcode input {
  width: 10% !important;
}

.type_form .form .zipaddr input {
  width: 100% !important;
}

.type_form .form .zipdetailaddr input {
  width: 100% !important;
}

.type_form .form .sizeFull .zipcode input {
  width: 20% !important;
}

.type_form .form .sizeFull .zipaddr input {
  width: 60% !important;
}

.type_form .form .sizeFull .zipdetailaddr input {
  width: 80% !important;
}

.type_form .form .file_one span {
  float: left;
  height: 35px;
  line-height: 35px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 0 10px;
  cursor: default;
  min-width: 186px;
  text-align: center;
}

.type_form .form .file_one span.fileName {
  color: #ccc;
}

.type_form .form .file_one label {
  float: left;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  border: 1px solid #ccc;
  color: #ccc;
  padding: 0 20px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}

.type_form .form .file_one label i {
  color: inherit;
  margin-right: 5px;
}

.type_form .form .file_img > div {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}

/* 220514 추가(문상우) */
.type_form .formBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_form .formBtn .leftBox {
  width: 50%;
  float: left;
}

.type_form .formBtn .leftBox button,
.type_form .formBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_form .formBtn .actionBtn_write {
  color: #fff;
}

.type_form .formBtn .actionBtn_update {
  color: #fff;
}

.type_form .formBtn .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

/* 220514 추가(문상우) */

/* 220524 추가(도성경) */
.mainLineBtn {
  padding: 0;
  margin-right: 10px;
  font-weight: 400;
}

.result {
  float: left;
  width: 100%;
  border-top: 1px solid #000;
  padding-top: 15px;
  margin-top: 20px;
}

.result > div {
  width: 100%;
  float: left;
  height: 100px;
  background-color: #f2f2f2;
  border-radius: 10px;
  padding: 35px;
}

.result > div div {
  float: right;
  font-weight: 900;
  font-size: 18px;
  padding: 0 40px;
  color: #000;
}

.result > div div:nth-child(2n) {
  padding: 0 20px;
}

.result > div div:nth-child(1) {
  padding: 0 10px 0 20px;
}

.result > div div > span {
  font-weight: 900;
  font-size: 18px;
  padding-left: 30px;
  color: #000;
}

.result > div div:nth-child(1) > span {
  color: #d26a6e;
}

.dash {
  float: left;
  width: 100%;
  height: 100px;
  border: 3px solid #ccc;
  margin: 30px 0;
  padding: 35px 50px;
}

.dash > div {
  float: left;
  margin-left: 30px;
  font-size: 16px;
  font-weight: 900;
}

/* 220524 추가(도성경) */
/* ----------- 폼 ----------- */

/* ----------- 푸터 ----------- */

.footer {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.footer > div {
  width: 100%;
  float: left;
  border-top: 1px solid #e3e5e7;
  padding: 0 50px;
}

.footer > div > div {
  width: 100%;
  float: left;
}

.footer .footer_top .leftBox {
  width: 50%;
  float: left;
}

.footer .footer_top .leftBox ul {
  width: 100%;
  float: left;
}

.footer .footer_top .leftBox ul li {
  width: auto;
  float: left;
  padding: 0 20px;
}

.footer .footer_top .leftBox ul li * {
  line-height: 50px;
  font-size: 13px;
  color: #333333;
  font-weight: bold;
}

.footer .footer_top .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

.footer .footer_top .rightBox ul {
  width: 100%;
  float: left;
}

.footer .footer_top .rightBox ul li {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}

.footer .footer_top .rightBox ul li a {
  width: 100%;
  float: left;
  line-height: 50px;
  padding: 0 10px;
}

.footer .footer_btm {
  width: 100%;
  float: left;
  border-top: 1px solid #e3e5e7;
}

.footer .footer_btm > div > div {
  padding: 25px 0 25px 30px;
}

.footer .footer_btm p {
  color: #666666;
  font-size: 13px;
  line-height: 20px;
}

/* ----------- 푸터 ----------- */

/* ----------- 우측컨텐츠 ----------- */

/* ----------- 팝업 ----------- */
.popupWrap {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.61);
  z-index: 2;
  display: none;
}

.popupWrap .popContent {
  width: 1200px;
  height: 715px;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 5px;
  box-shadow: 3px 3px 14.25px 0.75px rgba(0, 0, 0, 0.33);
}

.popupWrap.bigPop .popContent {
  width: 1400px;
  height: 100vh;
}

.popupWrap.bigPop .popIframe {
  height: 100%;
}

.popupWrap.bigPop .popIframe iframe {
  height: calc(100% - 65px);
}

.popupWrap.small .popContent {
  width: 850px;
  height: 450px;
}

.popupWrap.small2 .popContent {
  width: 730px;
  height: 520px;
}

.popupWrap .popIframe {
  width: 100%;
  float: left;
  margin-top: 1px;
  transition: 0.5s all;
}

.popupWrap .popIframe iframe {
  width: 100%;
  float: left;
  border: none;
  height: 650px;
  transition: 0.5s all;
}

.popupWrap.small2 .popIframe iframe {
  height: 450px;
}

.popupWrap.small iframe {
  height: 389px;
}

.popupWrap .popTit {
  width: 100%;
  float: left;
  background-color: #333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.popupWrap .popTit ul {
  width: 100%;
  float: left;
  line-height: 60px;
}

.popupWrap .popTit ul li {
  float: left;
}

.popupWrap .popTit ul .popTit_text {
  width: 95%;
  padding: 0 33px;
  font-size: 18px;
  font-weight: bold;
  color: white;
}

.popupWrap .popTit ul .popClose {
  width: 5%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.popupWrap .popTit ul .popClose i {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.topNavBar {
  float: left;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #fff;
  padding: 20px 30px 0px 30px;
}

.popCont {
  width: 100%;
  float: left;
  padding: 20px 30px;
}

.popCont .form {
  margin-top: 35px;
}

.popNav {
  width: 100%;
  float: left;
  background-color: #f8f8f8;
  padding: 20px;
  color: #666666;
  font-weight: normal;
  line-height: 23px;
  font-size: 12px;
  color: #999;
}

.popTab {
  width: 100%;
  float: left;
}

.popTab > ul {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ebebeb;
}

.popTab > ul > li {
  width: calc(100% / 8);
  float: left;
  text-align: center;
  line-height: 50px;
  cursor: pointer;
}

.popTab > ul > li.active {
  box-shadow: inset 0px -2px 0px 0px black;
}

.popBtnWrap {
  width: 100%;
  float: left;
  padding: 15px 30px 80px 30px;
  text-align: center;
}

.pop_title {
  width: 100%;
  float: left;
  color: #000;
  font-size: 17px;
  font-weight: 500;
  margin-top: 10px;
}

.pop_title > i {
  color: #000;
  font-size: 20px;
  margin-right: 10px;
  line-height: 26px;
}

.pop_title .tit_status {
  float: right;
  text-align: center;
}

.pop_title .info_box {
  width: 100%;
  float: left;
  padding: 20px;
  background-color: #ebebeb;
  border-radius: 5px;
  margin-top: 25px;
}

.pop_title .info_box .info_date {
  float: left;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
}

.pop_title .info_box .info_date > i {
  color: #000;
  font-size: 16px;
}

.pop_title .info_box .info_date > span {
  margin-left: 15px;
  color: #000;
}

.pop_title .info_box .info_date > span:last-child {
  letter-spacing: 0px;
}

.pop_title .info_box .info {
  float: right;
  font-weight: 900;
  height: 20px;
  line-height: 20px;
}

.pop_title .info_box .info > span {
  padding: 0 40px;
  border-left: 1px solid #000;
  color: #000;
}

.pop_title .survey_box {
  float: left;
  width: 100%;
  padding: 40px 30px;
  border: 1px solid #e2e2e2;
  border-radius: 10px;
  margin-top: 10px;
}

.pop_title .survey_box .survey_option {
  width: 100%;
  float: left;
  padding: 10px 0 30px 0;
}

.pop_title .survey_box .survey_option .option_circle {
  width: 5%;
  float: left;
  line-height: normal;
  margin-top: 4px;
}

.pop_title .survey_box .survey_option .option_circle > div {
  width: 19px;
  height: 19px;
  float: left;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
}

.pop_title .survey_box .survey_option .option_info {
  width: 88%;
  margin-left: 20px;
  float: left;
  position: relative;
}

.pop_title .survey_box .survey_option .option_info .option_text {
  width: 100%;
  float: left;
  line-height: normal;
  font-size: 14px;
  color: #666;
}

.pop_title .survey_box .survey_option .option_info .option_text span {
  float: right;
  color: #000;
  cursor: pointer;
}

.pop_title .survey_box .survey_option .option_info .option_bar {
  width: 100%;
  float: left;
  height: 5px;
  background-color: #e1e1e1;
  border-radius: 10px;
  margin-top: 5px;
}

.pop_title .survey_box .survey_option .option_info .option_bar .bar {
  position: relative;
  float: left;
  background-color: #999999;
  border-radius: 10px;
  height: 5px;
}

.pop_title .survey_box .survey_option .option_info .option_member {
  position: absolute;
  width: 830px;
  border-radius: 10px;
  border: 1px solid #e2e2e2;
  padding: 0px 45px 25px 45px;
  max-height: 310px;
  overflow: auto;
  right: 0;
  top: 20px;
  z-index: 2;
  background-color: #ffffff;
  margin-bottom: 30px;
  box-shadow: 3px 3px 14.25px 0.75px rgb(0 0 0 / 33%);
  display: none;
  cursor: pointer;
}

.pop_title .survey_box .survey_option .option_info .option_member > div {
  float: left;
  width: 25%;
  text-align: left;
  margin-top: 25px;
}

.pop_title .survey_box .survey_option .option_info .option_member > div > i {
  float: left;
  color: #999;
  width: 10%;
}

.pop_title .survey_box .survey_option .option_info .option_member > div > span {
  color: #000;
  float: left;
  width: 90%;
  padding: 0 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 15px;
  line-height: 15px;
}

.questions_title {
  width: calc(100% - 50px) !important;
  float: left;
}

.img_icons {
  margin-left: 9px;
  width: 35px;
  background-color: #cccccc;
  border-radius: 5px;
  height: 35px;
  float: left;
  text-align: center;
}

.img_icons i {
  color: #fff;
  font-size: 18px;
  line-height: 35px;
}

.tr_option li {
  padding: 5px 0px;
}

.questions_img_s {
  width: 100%;
  max-width: 100%;
  float: left;
  height: 249px;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 25px;
}

.questions_img_s img {
  max-width: 100%;
  float: left;
  height: 100%;
  object-fit: inherit;
  border-radius: 5px;
  left: 50%;
  transform: translateX(-50%);
}

.option_img_box {
  padding: 5px;
  margin: 5px 0;
  width: 100%;
  height: 100%;
  border: dashed 1px;
  float: left;
  border-radius: 5px;
}

.option_img_box img {
  float: left;
  width: 100%;
  height: 100%;
}

.view_guide_img {
  float: left;
  width: 100%;
  max-width: 100%;
  float: left;
}

.view_option_img {
  float: left;
  width: 30px;
  height: 30px;
}

.view_option_img img {
  float: left;
  width: 100%;
  height: 100%;
}

/* ----------- 팝업 ----------- */

/* ----------- 바디 ----------- */

/* ----------- 로그인 ----------- */

.login_wrap {
  width: 100%;
  height: 100%;
  float: left;
  overflow: hidden;
}
.m_login_wrap {
  width: 1920px;
  height: 100vh;
}
.login_wrap > div {
  float: left;
  min-height: 800px;
}

.login_wrap .login_slide {
  width: 100%;
  height: 100%;
  float: left;
  z-index: -1;
}

.login_wrap .login_slide .login_background {
  width: 100%;
  height: 100%;
  float: left;
}

.login_wrap .login_slide .login_background > img {
  width: 100%;
  height: 100%;
  float: left;
  object-fit: cover;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1));
  filter: brightness(85%);
  left: 50%;
  transform: translateX(-50%);
}

.m_login_wrap .login_slide .login_background > img {
  height: 100vh;
}

#login_left {
  width: 730px;
  height: 100%;
  overflow: hidden;
}

#login_left .cover {
  background-color: #467cdf;
  width: 100%;
  height: 100%;
}

#login_left .cover img {
  opacity: 0.17;
  height: 100%;
  max-width: none;
}

#login_left .login_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#login_center {
  width: 750px;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
  backdrop-filter: blur(25px);
  filter: brightness(1.2);
  position: absolute;
  z-index: 10;
}

#login_center .login_input {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translateX(-50%);
  width: 463px;
}

#login_center .login_input .title_wrap {
  float: left;
  border-left: 2px solid #467cdf;
  padding-left: 10px;
  width: 100%;
}

#login_center .login_input .title_wrap .title {
  float: left;
  font-family: "ggs";
  font-weight: 700;
  font-size: 27px;
  color: #000;
  margin-top: -8px;
  width: 100%;
}

#login_center .login_input .title_wrap .info {
  float: left;
  font-family: "ggs";
  font-weight: 100;
  font-size: 15px;
  color: #000;
  margin-top: 5px;
  margin-bottom: -4px;
  width: 100%;
}

#login_center .login_input .input_wrap {
  width: 100%;
  float: left;
}

#login_center .login_input .input_wrap > input {
  float: left;
  width: 100%;
  height: 60px;
  border: 1px solid #cacbcc;
  padding: 15px;
  font-weight: 900;
  background-color: rgb(255, 255, 255, 0.1);
  color: #fff;
}

#login_center .login_input .input_wrap input::placeholder {
  color: #fff;
  font-weight: 400;
}

#login_center .login_input .input_wrap input:focus {
  border: 1px solid #467cdf;
}

#login_center .login_input .input_wrap input#pass {
  margin-top: 5px;
}

#login_center .login_input .input_wrap button {
  float: left;
  width: 350px;
  height: 45px;
  border-radius: 5px;
  background-color: #467cdf;
  color: #fff;
  font-weight: 900;
  margin-top: 15px;
  border: 0;
  cursor: pointer;
}

#login_center .login_input .login_remember {
  float: left;
  margin-top: 15px;
  width: 350px;
}

#login_center .login_input .login_remember i {
  cursor: pointer;
  font-size: 16px;
}

#login_center .login_input .login_remember i.fas {
  display: none;
}

#login_center .login_input .login_remember label {
  font-size: 15px;
  cursor: pointer;
  color: #fff;
}

#login_center .login_input .login_remember input:checked ~ label i.fas {
  display: inline-block;
}

#login_center .login_input .login_remember input:checked ~ label i.far {
  display: none;
}

#login_center .login_input .forgot_password {
  float: left;
  margin-top: 45px;
  width: 350px;
  border-top: 1px solid #d4d4d4;
}

#login_center .login_input .forgot_password .find_password {
  float: right;
  margin-top: 10px;
  color: #333333;
  font-weight: 500;
}

#login_center .login_input .forgot_password .find_password * {
  color: inherit;
}

/* ----------- 로그인 ----------- */

/* ----------- 2024-08-02 로그인페이지 변경으로 css 추가 ----------- */
.etc_title_img_wrap {
  width: 100%;
  float: left;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.etc_text_wrap {
  width: 100%;
  float: left;
  top: 40%;
}
.etc_text_wrap > p {
  font-size: 21px;
  font-weight: 900;
  margin-top: 2%;
}
.login_title_img_wrap,
.login_title_line_wrap,
.login_title_text_wrap {
  width: 100%;
  position: absolute;
}
.login_title_img_wrap {
  top: 15%;
}
.login_title_line_wrap {
  top: 24%;
}
.login_title_text_wrap {
  top: 27%;
}
.login_title_img_wrap .login_title_img {
  float: left;
  left: 50%;
  transform: translateX(-50%);
}

.login_title_img_wrap .login_title_img > img {
  max-width: 300px;
  max-height: 80px;
}
.login_title_line_wrap .login_title_line > div {
  width: 78px;
  height: 2px;
  border-top: 6px solid #312318;
  left: 50%;
  transform: translateX(-50%);
}
.login_title_text_wrap .login_title_text {
  width: 100%;
  float: left;
}
.login_title_text_wrap .login_title_text > p {
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
}
.login_button_wrap {
  width: 100%;
  float: left;
}
.login_button_wrap > button {
  float: left;
  width: 100%;
  height: 60px;
  border-radius: 5px;
  color: #fff;
  font-weight: 900;
  margin-top: 15px;
  border: 0;
  cursor: pointer;
}
.login_bottom_line {
  width: 100%;
  float: left;
  top: 70%;
}
.login_bottom_line > div {
  width: 636px;
  height: 1px;
  float: left;
  border-top: 1px solid #ffffff;
  opacity: 0.2;
  left: 50%;
  transform: translateX(-50%);
  margin-top: 30px;
}
.login_footer_wrap {
  width: 100%;
  float: left;
  top: 75%;
}
.login_footer_wrap > div {
  width: 463px;
  float: left;
  left: 50%;
  transform: translateX(-50%);
}
.login_footer_wrap > div > ul {
  width: 100%;
  float: left;
}
.login_footer_wrap > div > ul.first_ul {
  padding: 0 30px;
}
.login_footer_wrap > div > ul.second_ul {
  margin-top: 10px;
}
.login_footer_wrap > div > ul.third_ul {
  margin-top: 10px;
  padding: 0 120px;
}
.login_footer_wrap > div > ul.fourth_ul {
  margin-top: 20px;
}
.login_footer_wrap > div > ul.fifth_ul {
  margin-top: 20px;
  padding: 0 125px;
}
.login_footer_wrap > div > ul > li {
  float: left;
  color: #fff;
  opacity: 0.8;
  text-align: center;
  font-size: 13px;
}
.login_footer_wrap > div > ul.first_ul > li:nth-child(1),
.login_footer_wrap > div > ul.first_ul > li:nth-child(3) {
  width: 25%;
}
.login_footer_wrap > div > ul.first_ul > li:nth-child(2) {
  width: 50%;
}
.login_footer_wrap > div > ul.second_ul > li {
  width: 100%;
}
.login_footer_wrap > div > ul.third_ul > li:nth-child(1),
.login_footer_wrap > div > ul.third_ul > li:nth-child(2) {
  width: 50%;
}
.login_footer_wrap > div > ul.fourth_ul > li {
  width: 100%;
}
.login_footer_wrap > div > ul.fifth_ul > li {
  width: 50%;
  cursor: pointer;
}
/* ----------- 2024-08-02 로그인페이지 변경으로 css 추가 ----------- */

/* ----------- 반응형 ----------- */
@media screen and (max-width: 1400px) {
  .popupWrap {
    padding: 0 10px;
  }

  .popupWrap .popContent {
    width: 100%;
  }
}

/* ----------- 반응형 ----------- */

/* 환경설정-sms설정(템플릿관리) 2022.06.09(목)_작업자문정원 */
.smsTemplateWrap {
  width: 100%;
  float: left;
  border-top: 2px solid #dedede;
  border-bottom: 1px solid #e3e3e3;
  padding: 20px 0px;
}

.smsTemplateWrap > ul {
  width: 100%;
  float: left;
}

.smsTemplateWrap > .itemList > li {
  width: calc(calc(100% - 80px) / 5);
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  background-color: #fafafa;
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.smsTemplateWrap > .itemList > li > button {
  width: 65px;
  float: right;
  margin-left: 3px;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  font-size: 14px;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.smsTemplateWrap > .itemList > li > textarea.sms_content {
  height: 200px;
  margin-bottom: 10px;
  width: 100%;
}

.smsTemplateWrap > .itemList > li > input.temp_title {
  margin-bottom: 10px;
  width: 100%;
}

.smsTemplateWrap > .itemList > li > p.byte {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  text-align: right;
  font-size: 12px;
  letter-spacing: -0.5px;
}

.btnBlack {
  border: 1px solid #000;
  background-color: #000;
}

.btnGray01 {
  border: 1px solid #999;
  background-color: #999;
}

/* 환경설정-sms설정(발신번호설정) 2022.06.09(목)_작업자문정원 */
.type_form .form .excelFile {
  display: none;
}

.type_form .form label.exc_up {
  text-align: center;
  float: left;
  border: 1px solid;
  background-color: #207244;
  line-height: 35px;
  font-weight: 500;
  color: #fff;
  width: 130px;
  font-size: 14px;
}

.type_form .form span.exc_F_Name {
  font-size: 13px;
  color: #aaa;
  float: left;
  padding: 10px 0px 0px 10px;
}

/* DB수동분배,담당자변경,AS처리변경,상담상태변경 팝업 리스트 상단 영역 css 2022.06.09(목)_작업자문정원 */
.type_list .list .info {
  width: 100%;
  float: left;
  font-size: 15px;
  color: #aaa;
  margin-top: 40px;
  margin-bottom: 15px;
  border: 3px solid #ccc;
  font-weight: 500;
  text-align: center;
  padding: 15px;
}

/*DB수동분배, 담당자변경 css 2022.06.09(목)_작업자문정원 */
#fcListWrap {
  width: 100%;
  float: left;
}

#fcListWrap > li {
  width: 25%;
  float: left;
}

.fcListCode {
  display: none;
}

#fcListWrap > li > input:checked + label > .on {
  display: inline-block;
}

#fcListWrap > li > input:checked + label > .off {
  display: none;
}

#fcListWrap > li > label > i {
  margin-right: 5px;
}

#fcListWrap > li > label > .off {
  color: #ddd;
}

#fcListWrap > li > label > .on {
  color: #19234b;
  display: none;
}

/*상담등록 css 2022.06.09(목)_작업자문정원 */
.csmemo {
  width: 100%;
  float: left;
}

.listMiniWriteWrap {
  width: 100%;
  float: left;
  background-color: #f5f5f5;
  padding: 10px;
  margin-bottom: 20px;
}

.listMiniWriteWrap > li {
  float: left;
  padding: 0 2px;
  width: 100%;
  margin-bottom: 5px;
}

.listMiniWriteWrap > li.wid65 {
  width: 65%;
}

.listMiniWriteWrap > li.wid20 {
  width: 20%;
}

.listMiniWriteWrap > li.wid15 {
  width: 15%;
}

.listMiniWriteWrap .wid15 .typeBtn {
  width: 100%;
  height: 35px;
  line-height: 35px;
  float: left;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #666;
  background-color: #666;
  color: #fff;
  text-align: center;
  cursor: pointer;
}

.dbCheckDataInfoWrap {
  width: 100%;
  float: left;
  margin-top: 30px;
}

.dbCheckDataInfoWrap .infoWrap {
  width: 100%;
  float: left;
  border: 2px solid #eee;
  padding: 20px 30px;
}

.dbCheckDataInfoWrap > .infoWrap > ul {
  width: 100%;
  float: left;
}

.dbCheckDataInfoWrap > .infoWrap > ul > li {
  float: left;
  padding: 0 15px;
  border-right: 1px solid #eee;
}

.dbCheckDataInfoWrap > .infoWrap > ul > li > span {
  float: left;
  color: #333;
  font-size: 13px;
}

.dbCheckDataInfoWrap > .infoWrap > ul:last-of-type {
  margin-bottom: 0;
}

.dbCheckDataInfoWrap > .infoWrap > ul > li:last-of-type {
  margin-bottom: 0;
}

.dbCheckDataInfoWrap > .infoWrap > ul > li > span.label {
  margin-right: 20px;
  font-weight: bold;
}

#statusCode {
  width: 20%;
}

/*엑셀양식,엑셀업로드팝업(엑셀설정) css 2022.06.09(목)_작업자문정원 */
#excelResultInfoWrap {
  width: 100%;
  float: left;
  margin: 50px 0px;
}

#excelResultInfoWrap > ul {
  width: 100%;
  float: left;
  border-right: 1px solid #ccc;
}

#excelResultInfoWrap > ul > li.label {
  width: 18%;
  background-color: #354c8f;
}

#excelResultInfoWrap > ul > li {
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
  font-size: 14px;
}

#excelResultInfoWrap > ul > li.label > .background {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.3;
  top: 0;
  left: 0;
}

#excelResultInfoWrap > ul > li.label span {
  font-weight: bold;
  color: #fff;
}

#excelResultInfoWrap > ul > li.value span {
  font-weight: bold;
  color: #333;
}

#excelResultInfoWrap > ul > li.value {
  width: 15.33%;
  font-weight: 500;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.type_form .form a.exceldown {
  float: left;
  border: 1px solid;
  background-color: #fff;
  line-height: 35px;
  font-weight: bold;
  color: #207244;
  width: 130px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.type_form .form a.exceldown i {
  color: #207244;
  margin-right: 5px;
}

.type_form .form table tr th.red {
  color: #cc3333;
  font-weight: bold;
}

.type_form .form table tr th.red i {
  color: #cc3333;
  font-weight: bold;
  margin-right: 5px;
}

.type_form .form span.guide_b {
  font-weight: bold;
}

.type_form .form .upload {
  margin-top: 60px;
}

.type_form .form .excelFile {
  display: none;
}

.type_form .form label.exc_up {
  cursor: pointer;
  text-align: center;
  float: left;
  border: 1px solid;
  background-color: #207244;
  line-height: 35px;
  font-weight: 500;
  color: #fff;
  width: 130px;
  font-size: 14px;
}

.type_form .form span.exc_F_Name {
  font-size: 13px;
  color: #aaa;
  float: left;
  padding: 10px 0px 0px 10px;
}

.type_form .form label i.pop_basic {
  color: #fff;
  margin-right: 5px;
}

/* 일정관리 등록 css 2022.06.15(수)_작업자문정원 */
.sch_form_wrap {
  width: 700px;
  position: absolute;
  top: 45.2%;
  left: 40%;
  z-index: 1;
  border-radius: 5px;
  background-color: #fff;
  display: none;
}

.master_sch {
  top: 23.2%;
}

.sch_form_wrap > form {
  width: 100%;
  float: left;
}

.sch_form_wrap .titleWrap {
  width: 100%;
  float: left;
  padding: 10px 20px;
  background-color: #467cdf;
}

.sch_form_wrap .titleWrap > span {
  width: 100%;
  float: left;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

/* 일정관리 글자 css 2024.01.11(목)_이재목*/
.popupschedule {
  float: left;
  font-size: 14px;
  color: #fff;
  font-weight: 500;
}

.sch_form_wrap .mainWrap {
  width: 100%;
  float: left;
  padding: 35px 55px 55px 55px;
  border: 1px solid #d8d8d8;
  border-top: none;
}

.sch_form_wrap .mainWrap button.dbSearch {
  width: 120px;
}

.sch_form_wrap .mainWrap .content {
  width: 100%;
  float: left;
}

.sch_form_wrap .mainWrap .content .ulcon {
  width: 100%;
  float: left;
}

.sch_form_wrap .mainWrap .content ul > .litit {
  width: 20%;
  float: left;
  line-height: 55px;
}

.sch_form_wrap .mainWrap .content ul > .limemo {
  line-height: 35px;
}

.sch_form_wrap .mainWrap .content ul > .litext {
  width: 80%;
  float: left;
}

.sch_form_wrap .mainWrap .content ul > .litext div.sch_day {
  width: 45%;
  float: left;
}

.sch_form_wrap .mainWrap .content ul > .litext div.dayline {
  width: 10%;
  float: left;
}

.sch_form_wrap .mainWrap .content input {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.sch_form_wrap .mainWrap .content select {
  margin-top: 10px;
  width: 65%;
  float: left;
}

.sch_form_wrap .mainWrap .content .allday {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.sch_form_wrap .mainWrap .content .allday span {
  width: 7%;
  float: left;
  line-height: 20px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle {
  width: 40px;
  height: 20px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle > div {
  width: 10px;
  height: 10px;
}

.sch_form_wrap .mainWrap .content .allday label.toggle > div {
  width: 10px;
  height: 10px;
}

.sch_form_wrap
  .mainWrap
  .content
  .allday
  input.toggle:checked
  + label.toggle
  > div {
  left: 16px;
}

.sch_form_wrap .mainWrap .content span.dayline {
  width: 100%;
  float: left;
  text-align: center;
}

.sch_form_wrap .mainWrap .content span.dayline i {
  line-height: 47px;
  color: #d8d8d8;
}

.sch_form_wrap .mainWrap .content #sch_times,
#sch_timee {
  width: 20%;
  margin-left: 5px;
}

.sch_form_wrap .mainWrap .content #memo {
  width: 100%;
  height: 100px;
  margin-top: 10px;
  resize: none;
}

.sch_form_wrap .mainWrap .btnWrap {
  text-align: center;
  padding-top: 35px;
  width: 100%;
  float: left;
}

.closefromBtn {
  width: 120px;
  border: 1px solid #999;
  color: #444;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}

.scheduleW {
  width: 150px;
  border: 1px solid #467cdf;
  color: #467cdf;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}

/* 일정등록 재작성 버튼 추가 css 2024.01.11(목) 이재목*/
.RefreshBtn {
  width: 120px;
  border: 1px solid #999;
  color: #444;
  height: 40px;
  background-color: #fff;
  cursor: pointer;
}

.schedulecloseBtn,
.schedulecloseBtn_2 {
  float: right;
  color: #fff;
  cursor: pointer;
}

.scheduleW1 {
  width: 150px;
  background-color: #467cdf;
  height: 40px;
  cursor: pointer;
}

/* 일정관리리스트 css 2022.06.16(목)_작업자문정원*/
.datelist .data_div p.subText {
  color: #ccc;
  font-size: 12px;
}

.sch_main {
  width: 100%;
  float: left;
  padding-bottom: 50px;
}

.sch_main button {
  border: none;
  cursor: pointer;
}

.sch_maina a {
  cursor: pointer;
}

.sch_main .maina {
  width: 320px;
  float: left;
  border-radius: 10px;
  padding: 15px;
}

.sch_main .cal {
  width: 100%;
  float: left;
}

.sch_main .name {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 23px;
  height: 23px;
}

.sch_main .name > i {
  font-size: 23px;
  color: #636363;
  margin-right: 8px;
  vertical-align: middle;
  top: -2px;
}

.sch_main .name > b {
  font-size: 13px;
  color: #000;
  margin-right: 5px;
}

.sch_main .name > span {
  color: #000;
  font-weight: 500;
  letter-spacing: -0.5px;
  font-size: 13px;
}

.sch_main .but {
  width: 100%;
  float: left;
  margin-bottom: 30px;
  background-color: "<?=$mainColor?>";
}

.sch_main .but > button {
  width: 100%;
  height: 50px;
  line-height: 38px;
  font-weight: bold;
  font-size: 15px;
  color: #fff;
  background-color: #467cdf;
}

.sch_main .but > button > i {
  color: #fff;
  margin-right: 5px;
}

.sch_main .cal_date {
  width: 100%;
  float: left;
}

.sch_main .dateinfo {
  width: 100%;
  height: 30px;
  line-height: 30px;
  float: left;
  margin-bottom: 20px;
}

.sch_main .dateinfo > p {
  width: 100%;
  font-size: 24px;
  text-align: center;
  float: left;
  font-weight: 600;
  color: #000;
}

.sch_main .dateinfo > p > span {
  font-size: 25px;
  color: #467cdf;
  margin-left: 2px;
}

.sch_main .dateinfo > a {
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  font-size: 17px;
  color: #000;
  top: 0;
  z-index: 1;
}

.sch_main .dateinfo > a:first-of-type {
  left: 0;
  padding-right: 2px;
}

.sch_main .dateinfo > a:last-of-type {
  right: 0;
  padding-left: 2px;
}

.sch_main .table_cal {
  width: 100%;
  float: left;
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  padding: 10px 30px;
}

.sch_main .table_cal > table {
  width: 100%;
  float: left;
}

.sch_main .table_cal > table th {
  height: 30px;
  text-align: center;
  color: #999;
  font-size: 12px;
  font-weight: bold;
}

.sch_main .table_cal > table td {
  height: 30px;
  text-align: center;
  color: #222;
  font-size: 12px;
  font-weight: bold;
}

.sch_main .table_cal > table td > .gray {
  color: #999;
}

.sch_main .table_cal > table td > .activeaa {
  color: #fff;
  width: 30px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  border-radius: 100%;
  background-color: #467cdf;
  font-weight: 500;
}

.sch_main .table_cal .bef {
  color: #999;
}

.sch_main .today {
  width: 100%;
  float: left;
  margin-top: 25px;
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding: 20px 0;
}

.sch_main .today > .tit {
  color: #467cdf;
  width: 100%;
  float: left;
  padding: 0 10px;
  font-size: 15px;
  font-weight: bold;
}

.sch_main .today > .tit > i {
  margin-right: 8px;
  font-size: 17px;
  color: #467cdf;
}

.sch_main .today > .tit > ul {
  width: 100%;
  float: left;
  padding: 0 20px 0 32px;
  margin-top: 10px;
}

.sch_main .today > .tit > ul > li {
  width: 100%;
  float: left;
  margin: 10px 0;
}

.sch_main .today > .tit > ul > li > span {
  height: 15px;
  line-height: 15px;
  font-weight: 500;
}

.sch_main .today > .tit > ul > li > .to {
  float: left;
  font-size: 14px;
  color: #000;
  font-weight: bold;
}

.sch_main .today > .tit > ul > li > .me {
  float: right;
  font-size: 13px;
  color: #333;
  letter-spacing: -0.5px;
  font-weight: bold;
}

.sch_main .mainb {
  width: calc(100% - 370px);
  float: left;
  margin-left: 50px;
  margin-top: 35px;
}

.sch_main .top {
  width: 100%;
  height: 50px;
  float: left;
  border-bottom: 2px solid #467cdf;
}

.sch_main .top > div {
  width: 100%;
  float: left;
  height: 100%;
  padding-top: 25px;
}

.sch_main .left {
  position: absolute;
  z-index: 0;
  left: 0;
  bottom: -1px;
  padding-left: 5px;
}

.sch_main .left > button {
  background-color: #fff;
  color: #999;
  font-size: 14px;
  width: 180px;
  height: 50px;
  line-height: 48px;
  margin-left: 7px;
  border-radius: 5px 5px 0px 0px;
  font-weight: 600;
  border: 1px solid #636363;
}

.sch_main .left *.active {
  border-color: #636363;
  color: #636363;
}

.sch_main .right {
  position: absolute;
  right: 0;
  bottom: -1px;
  padding-left: 0px 10px 10px 0px;
}

.sch_main .right > button {
  width: 150px;
  height: 40px;
  line-height: 38px;
  margin-left: 7px;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 600;
}

.sch_main .right .schIn {
  color: #fff;
}

.sch_main .right .memoup {
  color: #fff;
}

.sch_main .right .schIn > i {
  color: #fff;
  margin-right: 5px;
}

.sch_main .right .memoup > i {
  color: #fff;
  margin-right: 5px;
}

.sch_main .date {
  width: 30%;
  float: left;
  position: absolute;
  transform: translatex(40%);
  text-align: center;
  height: 100%;
  left: 27%;
  bottom: 60%;
}

.sch_main .date > a {
  width: 35px;
  height: 35px;
  border: 1px solid;
  border-radius: 100%;
  float: left;
  z-index: 2;
  text-align: center;
  top: 16px;
  color: #467cdf;
  line-height: 34px;
}

.sch_main .date > a.rightarr {
  right: 45px;
}

.sch_main .date > a.leftarr {
  left: 45px;
}

.sch_main .date > a > i {
  padding-top: 8px;
  color: #467cdf;
}

.sch_main .date > p {
  float: left;
  padding-top: 5px;
}

.sch_main .date span {
  font-size: 25px;
  font-weight: bold;
  color: #467cdf;
  display: inline-block;
  line-height: 22px;
  padding-left: 10px;
}

.sch_main .date > p > i {
  font-size: 35px;
  color: #467cdf;
  bottom: 3px;
}

.sch_main .date .date1 {
  font-size: 12px;
  font-weight: 500;
  color: #999;
  float: left;
  padding-left: 0px;
}

.sch_main .text {
  width: 100%;
  float: left;
  border-color: #636363;
  border-bottom: 1px solid #636363;
}

.sch_main .text > ul {
  width: 100%;
  float: left;
  padding: 30px 20px;
}

.sch_main .text > ul > li {
  width: 100%;
  float: left;
  border-radius: 5px;
  background-color: #f3f3f3;
  padding: 20px 30px;
}

.sch_main .time {
  width: 100%;
  float: left;
  line-height: 18px;
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

.sch_main .time > i {
  font-size: 18px;
  margin-right: 10px;
  top: 2px;
}

.sch_main .date .date2 {
  font-size: 12px;
}

.sch_main .mainb .todayschdule {
  width: 100%;
  height: 140px;
  line-height: 140px;
  float: left;
  text-align: center;
  font-weight: 500;
  color: #aaa;
  border-bottom: 1px solid #000;
}

.sch_main .mainb .todayschdule > span {
  font-size: 14px;
  color: #aaa;
}

.list_text {
  width: 100%;
  float: left;
  border-bottom: 1px solid #467cdf;
}

.list_text tbody > tr {
  border-bottom: 1px solid #e1e1e1;
}

.list_text tbody > tr:last-child {
  border: none;
}

.list_text tbody > tr th {
  border-right: 1px solid #e1e1e1;
  padding: 25px 0px;
  color: #333;
}

.list_text tbody .datelist {
  padding: 10px 50px 20px 50px;
}

.list_text tbody .datelist .data_div {
  width: 100%;
  float: left;
  padding-top: 10px;
}

.list_text tbody .datelist span {
  width: auto;
  float: left;
}

.list_text .datelist .one {
  width: 15%;
}

.list_text .datelist .type_code {
  font-weight: bold;
  width: 13%;
}

.list_text .noData {
  width: 100%;
  float: left;
  text-align: center;
  padding: 20px 0px;
  font-weight: bold;
  color: #333;
}

.sch_main .table_cal > table td a {
  font-size: 11px;
}

.table_cal a.nowday {
  font-weight: bold;
  color: #000;
}

.table_cal .nowspan {
  line-height: 0px;
  font-size: 35px;
  position: absolute;
  top: 15px;
  left: 11.5px;
}

.table_cal span:last-of-type {
  display: inline-block;
}

/*설문조사 등록*/
.contentWrap .contentTitle {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e2e2e2;
  margin-bottom: 20px;
  padding-bottom: 10px;
}

.contentWrap .contentTitle .title i {
  font-size: 20px;
  font-weight: 900;
}

.contentWrap .contentTitle .title span {
  font-size: 20px;
  font-weight: 900;
  color: #000;
  padding-left: 15px;
}

.contentWrap .contentTitle .info {
  color: #333;
  padding: 10px 33px;
}

.option_plus {
  float: left;
  width: 200px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #467cdf;
  border-radius: 5px;
  color: #467cdf;
  text-align: center;
  font-weight: 900;
  margin: 10px 0;
  cursor: pointer;
}

.option_plus i {
  color: #467cdf;
}

.survey_plus {
  float: right;
  width: 200px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #467cdf;
  border-radius: 5px;
  color: #467cdf;
  text-align: center;
  font-weight: 900;
  margin: 10px 0;
  cursor: pointer;
  margin: 0;
}

.survey_plus i {
  color: #467cdf;
}

.type_form .form div:not(.noForm) table tr td.tdline {
  line-height: 54px;
}

label.customCheckBox {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.customCheckBoxLabel:not(:first-of-type) {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.customCheckBoxLabel.option_plus {
  float: right;
}

/* 설문조사 댓글 */
.popCont .comment_title {
  width: 100%;
  float: left;
  font-size: 17px;
  color: #467cdf;
  padding: 5px 0px;
}

.popCont .comment_title span {
  font-weight: 800;
  float: left;
  font-size: 17px;
  color: #467cdf;
}

.popCont .comment_list {
  width: 100%;
  float: left;
}

.popCont .comment_list li {
  width: 100%;
  float: left;
  padding: 15px 0px;
  border-bottom: solid 1px #e2e2e2;
}

.comment_list li .comment_icon {
  float: left;
  width: 70px;
  height: 70px;
  padding: 10px;
}

.comment_list li .comment_icon span {
  width: 100%;
  height: 100%;
  float: left;
  border-radius: 50%;
  background: #e2e2e2;
  text-align: center;
  color: #fff;
  line-height: 50px;
}

.comment_list li .comment_icon span i {
  color: #fff;
  font-size: 17px;
}

.comment_list li .comment_txt {
  float: left;
  width: 100%;
}

.comment_list li .comment_contetn {
  float: left;
  width: 100%;
  margin-top: 3px;
}

.comment_list li .comment_data {
  float: right;
  letter-spacing: 0;
  font-size: 12px;
  color: #ccc;
}

.comment_list li .store_name {
  font-weight: 800;
  color: #333;
  font-size: 15px;
}

.comment_list li .con_txt {
  padding: 10px 0px;
  width: calc(100% - 70px);
  float: left;
}

.survey .entry_file {
  margin: 5px 0px;
  padding: 6px 15px;
  border-radius: 10px;
  color: #fff !important;
  float: left;
  width: auto !important;
}

.survey .entry_file a {
  font-size: 13px;
}

.survey .entry_file i {
  font-size: 13px;
}

/* 설문조사 통계 */
.charts .tit {
  font-weight: bold;
}

.charts #chart2 {
  top: 50%;
  transform: translateY(-50%);
}

/*지원문의 */
.type_view .view .value_files {
  width: 100%;
  margin: 3px 0px;
}

.type_view .view .value_files .img_flis {
  width: 60px;
  height: 60px;
  padding: 3px;
  border-radius: 5px;
  margin: 2px 5px;
  border: dotted 1px #c4c2c2;
  float: left;
  cursor: pointer;
}

.type_view .view .value_files .img_flis div {
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
  float: left;
  height: 100%;
}

.type_view .view .value_files .img_flis div::after {
  content: "+";
  text-align: center;
  line-height: 54px;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.type_view .view .value_files .file_previews div::after {
  content: "";
  text-align: center;
  line-height: 54px;
  color: #fff;
  font-size: 28px;
  font-weight: 800;
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.type_view .view .value_files .file_previews .youtube_bt {
  transform: translateX(-50%);
  position: absolute;
  left: 50%;
  color: #fff;
  line-height: 54px;
  text-align: center;
}

.type_view .view .value_files .img_flis div img {
  width: 100%;
  height: 100%;
  float: left;
}

.type_view .view .value_files .img_flis div video {
  width: 100%;
  height: 100%;
  float: left;
}

.type_view .view .value_files .flirs {
  padding: 5px 15px;
  float: left;
  border-radius: 5px;
  border: solid 1px #c4c2c2;
}

.type_view .view .dateView > form table td span a {
  width: 100%;
  float: left;
  cursor: pointer;
}

.type_view .view .file_preview {
  z-index: 999;
  visibility: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.type_view .view .file_preview img {
  max-width: 44%;
  max-height: 80vh;
  float: left;
  top: 40%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -40%);
}

.type_view .view .file_preview video {
  max-width: 44%;
  max-height: 80vh;
  float: left;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -40%);
}

.type_view .view .file_preview iframe {
  max-width: 44%;
  max-height: 80vh;
  float: left;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -40%);
}

.type_view .previewCloseBtn {
  width: 100%;
  float: right;
  text-align: right;
  color: #fff;
  padding: 20px;
}

.type_view .previewCloseBtn i {
  padding: 5px;
  color: #fff;
  font-size: 50px;
}

.type_view .img_s {
  width: 100%;
  float: left;
  height: 80vh;
  text-align: center;
}

.type_view .img_s p.count {
  color: #fff;
  float: left;
  width: 100%;
  padding: 0.5% 0%;
}

.type_view .img_s p.count span {
  color: #fff;
  font-weight: bold;
}

.type_view .img_s .img_popup_btn {
  float: left;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.type_view .img_s .img_popup_btn i {
  color: #fff;
  font-size: 50px;
  cursor: pointer;
  z-index: 999;
}

.type_view .img_s .left_bt {
  left: 15%;
}

.type_view .img_s .right_bt {
  right: 15%;
}

/* 상품설정 */

.option .value ul .labels .label {
  line-height: 60px;
  padding: 0;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
  background-color: #f8f8f8;
  height: 60px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.option .value .values {
  width: 100%;
  border-top: solid 1px #e2e2e2;
  float: left;
}

.option .value .values:nth-child(2) {
  border-top: none;
}

.option .value .values:last-child {
  border-bottom: solid 1px #e2e2e2;
}

.option .value ul li div:last-child {
  border-right: none;
  width: 10%;
}

.option .value div .del_option {
  float: left;
  width: 100%;
  line-height: 35px;
}

.option .value ul li div {
  border-right: 1px solid #e2e2e2;
  padding: 10px;
  width: 45%;
  text-align: center;
  float: left;
  vertical-align: middle;
}

.option .option_name {
  padding-right: 5px;
  padding-left: 0;
}

.option .option_price {
  padding-left: 5px;
  padding-right: 5px;
}

.type_form .form div:not(.noForm) table tr td.ocation_box {
  line-height: initial !important;
}

.ocation_box span {
  padding: 5px 15px;
  color: #333 !important;
  font-weight: 800;
  border: solid 1px #ededed;
  border-radius: 5px;
  margin: 5px 0px;
}

.ocation_box span i {
  padding: 5px;
  padding-left: 0;
}

.ocation_box .on i {
  color: #19234b !important;
}

.noticelookup {
  letter-spacing: 0;
}

.noticelookup span {
  letter-spacing: 0;
}

.noticelookup .looupcnt {
  font-weight: bold;
  color: #467cdf !important;
  font-size: 17px;
}

.noticelookup .totalcnt {
  color: #666;
}

/* 공지 읽음 */
.noticeWrap {
  padding: 0px;
}

.notice_lookup .popNav {
  border-radius: 5px;
}

.notice_lookup .left {
  width: 80%;
  float: left;
}

.notice_lookup .right {
  width: 20%;
  float: right;
  border-left: 1px solid #333;
  padding: 0px 15px;
}

.notice_lookup .popNav {
  font-weight: bold;
  font-size: 20px;
}

.notice_lookup .left .lookup_icon {
  padding-right: 10px;
  float: left;
}

.lookup_icon > i {
  font-size: 20px;
}

.notice_lookup .click {
  width: 100%;
  float: left;
  line-height: 35px;
}

.notice_lookup .click span {
  padding: 0px 10px;
}

.notice_lookup .click i {
  padding: 0px 5px;
}

.notice_lookup .lookup {
  border-bottom: solid 1px #ebebeb;
  float: left;
  width: 100%;
}

.notice_lookup .lookup span {
  padding: 15px;
  float: left;
  font-weight: bold;
  cursor: pointer;
}

.notice_lookup .lookup .right {
  padding: 15px;
  border: none;
}

.notice_lookup .lookup .right .commonBtn {
  width: 210px !important;
}

.lookuplist {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.lookuplist ul {
  width: 100%;
  float: left;
}

.lookuplist ul li {
  width: calc(100% / 3 * 1);
  float: left;
  padding: 20px 0px;
}

.lookuplist li span {
  padding: 0px 10px;
  float: left;
  color: #333;
  letter-spacing: 0;
}

.lookuplist li .date_reg {
  color: #666;
}

.lookuplist li i {
  font-size: 18px;
  color: #999;
  float: left;
}

.lookuplist li div {
  border-right: solid 1px #c7c5c5;
  padding: 0px 5%;
  float: left;
  width: 82%;
}

.lookuplist li:nth-child(3n) div {
  border: none;
}

.lookuplist li:last-child div {
  border: none;
}

.notice_lookup .right span {
  padding: 0px 5px;
}

.lookuplist .read_cnt_none {
  border: none;
}

/* 설문조사 */
.contentBox .survey {
  width: 42%;
  margin-top: 0;
}

.contentBox .previews {
  width: 58%;
  float: left;
  text-align: center;
  height: 50px;
  margin-top: 2%;
}

.contentBox .preview {
  padding: 8px 60px;
  color: #333333;
  border: solid 1px #19234b;
  border-radius: 15px;
  font-weight: 800;
  font-size: 14px;
}

.right_view {
  min-height: 800px;
}

.type_view .survey_view_left {
  width: 42%;
  float: left;
  margin-right: 30px;
  padding: 0 25px;
}

.type_view .survey_view_left .txtBox {
  width: 100%;
}

.type_view .survey_view_left .date {
  width: 40%;
}
.type_view .survey_view_left .date2 {
  width: 40%;
  background: #f3f3f3;
}

.type_view .survey_view .survey_date {
  letter-spacing: 0;
  width: 100%;
  float: left;
  text-align: right;
}

.type_view .survey_view .survey_date .dates {
  font-weight: 800;
  margin-right: 10px;
}

.type_view .survey_view .title {
  border-bottom: solid 1px #666666;
  width: 100%;
  float: left;
  padding: 30px 0px;
}

.survey_view_left .content {
  float: left;
  width: 100%;
}

.survey_view_left ul {
  float: left;
  width: 100%;
}

.survey_view_left li {
  float: left;
  width: 100%;
}

.survey_view_left .content .title {
  padding: 10px 0px;
  padding-bottom: 5px;
  width: 100%;
  font-weight: 800;
  float: left;
}

.survey_view_left .content .title span {
  font-weight: 200;
  float: right;
  text-align: right;
  font-size: 11px;
  color: #999;
  padding-top: 5px;
}

.survey_view_left .content .txtBox {
  width: 100%;
  float: left;
  height: 35px;
}

.survey_view_left .content textarea.txtBox {
  height: 85px;
}

.survey_view_left .content .questions_plus {
  border: none;
  background: #666666;
  color: #fff !important;
  float: left;
  width: 150px;
  height: 42px;
  line-height: 42px;
  border-radius: 5px;
  text-align: center;
  font-weight: 900;
  margin: 10px 0;
  cursor: pointer;
}

.survey_view_left .content .questions_plus i {
  border: none;
  background: #666666;
  color: #fff !important;
}

.survey_view_left .content .questions_update {
  border: none;
  background: #666666;
  color: #fff !important;
  float: left;
  width: 150px;
  height: 42px;
  line-height: 42px;
  border-radius: 5px;
  text-align: center;
  font-weight: 900;
  margin: 10px 0;
  cursor: pointer;
}

.survey_view_left .content .questions_update i {
  border: none;
  background: #666666;
  color: #fff !important;
}

.survey_view_left .tr_option .txtBox {
  width: 76%;
  margin-left: 0;
}

.survey_view_left .tr_option .circle {
  text-align: center;
}

.survey_view_left .tr_option .circle i {
  line-height: 25px;
  cursor: pointer;
}

.survey_view_left .tr_option {
  width: 100%;
  float: left;
  padding: 5px 0px;
}

.survey_view_left ul.tr_option {
  border-top: solid 1px #ededed;
  margin-top: 15px;
}

.survey_view .title .tit {
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 23px;
}

.survey_view .title .sub_tit {
  margin-top: 10px;
  width: 100%;
  float: left;
  font-size: 14px;
  color: #999999;
}

.contentBox.shadows .fileName {
  background-color: #fff;
  line-height: 35px;
  font-size: 13px;
  color: #cccccc;
  border: 1px solid #d8d8d8;
  padding: 0 10px;
  float: left;
  width: 65%;
}

.contentBox.shadows .survey_file {
  background-color: #fff;
  margin-left: 5%;
  width: 30%;
  float: left;
  line-height: 35px;
  text-align: center;
  border: 1px solid #666;
  font-weight: bold;
}

.contentBox.shadows .fliesn i {
  color: #fff;
  padding: 0px 3px;
  font-size: 12px;
}

.contentBox.shadows .fliesn {
  width: auto;
  float: left;
  line-height: 25px;
  margin-bottom: 25px;
  padding: 0px 10px;
  background: #666;
  color: #fff;
  font-size: 12px;
  border-radius: 10px;
}

.type_view .survey_view_right {
  width: 55%;
  float: right;
  max-height: 1000px;
  overflow-y: auto;
  box-shadow: 2px 4px 15px 8px rgb(0 0 0 / 10%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.type_view .survey_view_right .survey_view {
  height: 100%;
  padding: 25px;
  width: 100%;
  float: left;
  border-radius: 5px;
  background-color: #fff;
}

.survey_view_right .listNoData {
  width: 100%;
  float: left;
  text-align: center;
  padding: 350px 0px;
}

.type_view .survey_view_right::-webkit-scrollbar {
  width: 5px;
}

.type_view .survey_view_right::-webkit-scrollbar-thumb {
  background-color: gray;
  border-radius: 10px;
}

.type_view .survey_view_right::-webkit-scrollbar-track {
  background-color: white;
  box-shadow: inset 0px 0px 5px white;
}

.comment_talk {
  width: 100%;
  float: left;
  padding: 10px 30px 20px 30px;
}

.no_questions {
  width: 100%;
  float: left;
}

.survey_view_right .NOicon {
  padding: 10px;
}

.survey_view_right .NOicon i {
  color: #cccccc;
  font-size: 55px;
}

.survey_view_right .listNo {
  color: #cccccc;
  font-size: 16px;
}

.questions_previews {
  width: 100%;
  float: left;
  margin-top: 25px;
}

.questions_previews .prev_back {
  border-radius: 15px;
  width: 100%;
  float: left;
  padding: 17px 20px;
  background: #f9f9f9;
  margin-bottom: 15px;
}

.questions_previews .prview_top {
  width: 100%;
  float: left;
}

.questions_previews .icon {
  float: right;
}

.questions_previews .icon i {
  padding: 0px 5px;
  color: #cccccc;
  cursor: pointer;
}

.questions_previews .left {
  width: 4%;
  float: left;
}

.questions_previews .left span {
  float: left;
  font-size: 18px;
  font-weight: 800;
  color: #333;
}

.questions_previews .right {
  width: 96%;
  float: right;
}

.questions_previews .right .titles {
  width: 100%;
  float: left;
}

.questions_previews .titles .tit {
  width: 100%;
  float: left;
  font-size: 16px;
  color: #666;
  font-weight: 500;
}

.questions_previews .titles .sub_tits {
  width: 100%;
  float: left;
  font-size: 13px;
  color: #999;
  padding-top: 4px;
}

.questions_previews .conn {
  width: 100%;
  float: left;
}

.questions_previews .contents {
  width: 100%;
  float: left;
  margin-top: 10px;
}

.questions_previews .contents ul {
  width: 100%;
  float: left;
}

.questions_previews .contents li {
  width: 100%;
  float: left;
  line-height: 50px;
  color: #666;
}

.questions_previews .contents li textarea {
  width: 100%;
  height: 40px;
  resize: none;
}

.questions_previews .contents li textarea::placeholder {
  color: #ddd;
}

.survey .titie_box {
  width: 100%;
  float: left;
  margin-bottom: 15px;
}

.survey .titie_box .left {
  width: 3%;
  float: left;
  font-size: 25px;
  font-weight: 700;
  line-height: 30px;
}

.survey .titie_box .right {
  width: 97%;
  float: left;
}

.survey .titie_box .right span {
  width: 100%;
  float: left;
}

.survey .titie_box .right .tit {
  font-size: 18px;
  font-weight: 700;
  color: #333;
}

.survey .titie_box .right .sub_tit {
  font-size: 13px;
  color: #ccc;
  font-weight: 500;
}

.survey .survey_option .conntent {
  width: 100%;
  padding: 0px 15px;
  max-height: 400px;
  overflow-y: auto;
  float: left;
}

.survey .survey_option .conntent ul {
  width: 100%;
  float: left;
}

.survey .survey_option .conntent ul li {
  width: 100%;
  float: left;
  padding: 10px 15px;
  background-color: #f8f8f8;
  border-radius: 5px;
  margin: 5px 0px;
}

.survey .survey_option .conntent ul li span {
  width: 100%;
  float: left;
}

.survey .survey_option .conntent ul li .title {
  font-weight: 700;
  font-size: 14px;
  color: #333;
  padding: 5px 0px;
}

.survey .survey_option .conntent ul li .sub_title {
  font-size: 13px;
  color: #666;
}

.survey .survey_option .fill_conntent {
  width: 100%;
  float: left;
  padding: 0px 15px;
  max-height: 400px;
  overflow-y: auto;
}

.survey .survey_option .fill_conntent ul {
  width: 100%;
  float: left;
}

.survey .survey_option .fill_conntent ul li {
  width: 25%;
  float: left;
  padding: 0px 10px;
}

.survey .survey_option .fill_conntent ul li div {
  padding: 15px 0px;
  width: 100%;
  float: left;
  border: solid 1px #e2e2e2;
  border-radius: 10px;
  text-align: center;
}

.survey .survey_option .fill_conntent ul li div span {
  width: 100%;
  float: left;
}

.survey .survey_option .fill_conntent ul li div .title {
  font-size: 13px;
  font-weight: bold;
  color: #333;
}

.survey .survey_option .fill_conntent ul li div .date {
  font-size: 13px;
  color: #ccc;
  margin-top: 3px;
  margin-bottom: 10px;
}

.survey .survey_option .fill_conntent ul li div .sub_title {
  font-size: 13px;
  color: #666;
}

.survey .survey_option .fill_conntent ul li div .sub_title i {
  padding: 0px 5px;
}

.survey .survey_option .fill_conntent ul li div .sub_title a {
  font-size: 12px;
  text-decoration: underline;
  font-weight: 400;
  letter-spacing: 0;
}

/* 설문조사 */

/* 계약관리 & 재계약 리스트 2022.08.18(목) 작업자 문정원 */

.list .contract_list > ul {
  width: 100%;
  float: left;
  background-color: #f8f8f8;
  border: 2px solid #e2e2e2;
  border-radius: 10px;
  height: 50px;
  text-align: center;
  display: table;
  padding: 5px 0;
}

.list .contract_list > ul:not(:first-child) {
  background-color: #ffffff;
  border-radius: 0px;
  height: 70px;
  margin-top: 10px;
}

.nodiv {
  width: 100%;
  float: left;
  padding-top: 30px;
  text-align: center;
}

.nodiv .picon {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
}

.nodiv .picon i {
  color: inherit;
  font-size: 45px;
}

.nodiv .ptext {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  padding-top: 10px;
}

.list .contract_list > ul > li {
  width: 10%;
  display: table-cell;
  text-align: center;
  position: relative;
  vertical-align: middle;
}

.list .contract_list > ul > li.width4 {
  width: 4%;
}

.list .contract_list > ul > li.width22 {
  width: 22%;
}

.list .contract_list > ul > li.width22 > span.finish_date {
  color: #cc3333;
  font-size: 12px;
}

.list .contract_list > ul:not(:first-child) > li {
  position: relative;
}

.list .contract_list > ul > li > span {
  display: inline-block;
  font-weight: 900;
  color: #000;
  letter-spacing: 0;
}

.list .contract_list > ul > li > p {
  font-weight: 300;
  font-size: 12px;
  color: #000;
  letter-spacing: 0;
}

.list .contract_list > ul > li > p.subText {
  color: #ccc;
  font-size: 12px;
}

.list .contract_list > ul:not(:first-child) > li > span {
  display: inline-block;
  font-weight: 100;
  color: #666;
  letter-spacing: 0;
  font-size: 13px;
}

.contract_list .right_line {
  position: absolute;
  height: 15px;
  width: 1px;
  background-color: #e2e2e2;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.list .go_list {
  color: #1e63b7;
  font-size: 18px;
  cursor: pointer;
}

.list .go_list.fs14 {
  font-size: 14px;
  cursor: pointer;
}

.contract_list .sub_text {
  color: #ccc !important;
}

/* 계약관리 & 재계약 리스트 2022.08.18(목) 작업자 문정원 */

/* 신규계약 * 양도양수 등록폼 2022.08.18(목) 작업자 문정원 */

.type_form .form .file_one > div {
  width: 100%;
  float: left;
}

.type_form .form .file_one > div > div {
  width: 100%;
  float: left;
  margin-top: 5px;
}

.type_form .form .file_one label.plus_file {
  padding: 0px;
  border: none;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}

.type_form .form .file_one label.con_cancelBtn {
  padding: 0px 2.5px;
}

.type_form .form .file_one label.info_cancelBtn {
  padding: 0px 2.5px;
}

.type_form .form .file_one label.etc_cancelBtn {
  padding: 0px 2.5px;
}

.type_form select.team_code {
  min-width: 180px;
  margin-right: 10px;
}

.type_form select.ov_idx {
  min-width: 180px;
}

/* 신규계약 * 양도양수 등록폼 2022.08.18(목) 작업자 문정원 */

/* 재계약폼 2022.08.18(목) 작업자 문정원 */

.type_form .form .file_one .filediv {
  padding: 10px 0px;
}

.type_form .form .file_one .filediv p.conrenew {
  width: 100%;
  float: left;
}

.type_form .form .file_one .filediv p.conrenew .condelBtn {
  line-height: 42px;
  margin-left: 5px;
  cursor: pointer;
}

.type_form .form .file_one .filediv a {
  width: auto;
  float: left;
  margin: 10px 0px;
  text-underline-position: under;
  text-decoration: underline;
  color: #467cdf;
}

.type_form .form .file_one .filediv a.updateetc {
  margin: 10px 15px 10px 0px;
}

/* 재계약폼 2022.08.18(목) 작업자 문정원 */

/* 계약 상세보기 2022.08.18(목) 작업자 문정원 */

.contract_div ul li {
  width: 50%;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}

.contract_div ul .con_code {
  float: left;
}

.contract_div ul .btnli {
  float: right;
  text-align: right;
  margin-bottom: 5px;
}

.contract_div ul li span i {
  font-size: 20px;
  color: #333;
  margin-right: 5px;
}

.contract_div ul li .halfBtn {
  width: 80px;
  padding: 0px;
  border: 1px solid;
}

.contract_div ul .btnli > button.actionBtn_delete {
  margin-left: 10px;
  top: -1px;
}

.type_view2 .view .filediv {
  width: 100%;
  float: left;
  padding: 10px 0px;
}

.type_view2 .view .filediv p.conrenew {
  width: 100%;
  float: left;
}

.type_view2 .view .filediv p.conrenew .condelBtn {
  line-height: 42px;
  margin-left: 5px;
  cursor: pointer;
}

.type_view2 .view .filediv a {
  width: auto;
  float: left;
  margin: 10px 0px;
  text-underline-position: under;
  text-decoration: underline;
  color: #467cdf;
}

.type_view .view .filediv a {
  width: auto;
  float: left;
  margin: 10px 0px;
  text-underline-position: under;
  text-decoration: underline;
  color: #467cdf;
}

/* 계약 상세보기 2022.08.18(목) 작업자 문정원 */

/* 발주관리 */
.orderV .boxLine {
  padding: 40px 35px 35px 35px;
}

.orderV .leftBox .pageCnt > div {
  color: #000;
  font-weight: 500;
  display: inline-block;
  margin-left: 5px;
}

.orderV .leftBox .pageCnt > div > i {
  margin: 0 20px;
}

.orderV .rightBox a > button {
  font-size: 13px;
  margin-right: 10px;
  padding: 0;
}

.orderV .dash > div:nth-child(2n) {
  font-weight: 500;
  color: #ccc;
}

.orderV .dash > div:nth-child(3) {
  margin-left: 100px;
}

.orderV .logic_area {
  padding: 0 10px;
}

.orderV .imgBox_area {
  padding: 15px;
}

.orderV .imgBox_area img {
  width: 90px;
  height: 90px;
  float: left;
  border-radius: 10px;
}

.orderV .imgBox_area div {
  width: calc(100% - 90px);
  float: left;
  text-align: left;
  font-size: 15px;
  padding-left: 10px;
  margin-top: 15px;
}

.orderV .td_del_pay {
  padding: 0 10px;
}

.orderV .stop p {
  width: 100%;
  float: left;
  padding: 0px 10px;
}

.orderV .stop p > button {
  width: 100%;
  height: 35px;
  margin-top: 5px;
  font-weight: 500;
  float: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 4px;
}

.orderV .type_formss {
  margin-top: 70px;
}

.type_formss .form .settings_area {
  float: right;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: center;
  padding-top: 4px;
  cursor: pointer;
  margin-left: 10px;
}

.type_formss .form .settings_area > i {
  color: #9c9c9c;
}

.orderV .type_formss .form .total_area {
  color: #d26a6e;
  font-weight: 900;
}

.orderV table {
  float: left;
}

/* 가맹점관리속 계약관리 */
.storeVCW .inq_code > ul > li {
  width: 50%;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}

.storeVCW .inq_code > ul .con_code {
  float: left;
}

.storeVCW .inq_code > ul .btnli {
  float: right;
  text-align: right;
  margin-bottom: 5px;
}

.storeVCW .inq_code > ul > li > span > i {
  font-size: 20px;
  color: #333;
  margin-right: 5px;
}

.storeVCW .commonBtn {
  width: 80px;
  padding: 0px;
}

.storeVCW .settingBtn {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ccc;
  text-align: center;
  right: 5px;
  top: -50%;
  border-radius: 3px;
  position: absolute;
  cursor: pointer;
}

.storeVCW .txtBox {
  width: 100%;
}

.storeVCW textarea.txtBox {
  resize: none;
}

.storeVCW select.txtBox {
  width: 150px;
}

.storeVCW .type_view2 .view table tr td.file_one > div {
  width: 100%;
  float: left;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div {
  width: 100%;
  float: left;
  margin-top: 5px;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div > span {
  float: left;
  height: 35px;
  line-height: 35px;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  padding: 0 10px;
  cursor: default;
  min-width: 186px;
  text-align: center;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div > label {
  float: left;
  height: 35px;
  line-height: 35px;
  margin-left: 10px;
  border: 1px solid #ccc;
  padding: 0 20px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
  border-color: #467cdf !important;
  color: #467cdf !important;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div > label i {
  color: inherit;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div > span.fileName {
  color: #ccc;
}

.storeVCW .type_view2 .view table tr td.file_one > div > div > label.plus_file {
  padding: 0px;
  border: none;
  float: left;
  height: 35px;
  line-height: 35px;
  margin-right: 10px;
  cursor: pointer;
  font-size: 13px;
  font-weight: bold;
}

.storeVCW
  .type_view2
  .view
  table
  tr
  td.file_one
  > div
  > div
  > label.con_cancelBtn {
  padding: 0px 2.5px;
}

.storeVCW
  .type_view2
  .view
  table
  tr
  td.file_one
  > div
  > div
  > label.info_cancelBtn {
  padding: 0px 2.5px;
}

.storeVCW
  .type_view2
  .view
  table
  tr
  td.file_one
  > div
  > div
  > label.etc_cancelBtn {
  padding: 0px 2.5px;
}

.storeVCV .inq_code > ul > li {
  width: 50%;
  color: #333;
  font-size: 20px;
  font-weight: 400;
}

.storeVCV .inq_code > ul .con_code {
  float: left;
}

.storeVCV .inq_code > ul .btnli {
  float: right;
  text-align: right;
  margin-bottom: 5px;
}

.storeVCV .inq_code > ul > li > span > i {
  font-size: 20px;
  color: #333;
  margin-right: 5px;
}

.storeVCV .commonBtn {
  width: 80px;
  padding: 0px;
}

.storeVCV .settingBtn {
  width: 35px;
  height: 35px;
  line-height: 35px;
  border: 1px solid #ccc;
  text-align: center;
  right: 5px;
  top: -50%;
  border-radius: 3px;
  position: absolute;
  cursor: pointer;
}

.storeVCV .filediv {
  width: 100%;
  float: left;
  padding: 10px 0px;
}

.storeVCV .filediv a {
  width: 100%;
  float: left;
  margin: 10px 0px;
  text-underline-position: under;
  text-decoration: underline;
  color: #467cdf;
}

.type_view_chat {
  width: 100%;
  float: left;
}

.type_view_chat .code_info_box {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e2e2e2;
  padding: 0 20px 10px 20px;
  color: #333;
  font-size: 17px;
}

.type_view_chat .code_info_box i {
  color: inherit;
  font-size: inherit;
}

.chat_wrap {
  width: 100%;
  float: left;
  padding: 0 20px;
}

.type_view_chat .chat_left {
  width: 40%;
  float: left;
}

.type_view_chat .chat_left h1.tit {
  font-size: 18px;
  font-weight: bold;
  line-height: 18px;
  color: #333;
}

.type_view_chat .chat_left table {
  margin-top: 20px;
}

.type_view_chat .chat_left table tr:first-of-type > * {
  border-top: 2px solid #666666;
}

.type_view_chat .chat_left table tr:not(:first-of-type) > * {
  border-top: 1px solid #e4e4e4;
}

.type_view_chat .chat_left table tr:last-of-type > * {
  border-bottom: 2px solid #f0f0f0;
}

.type_view_chat .chat_left table tr th.label {
  background-color: #f8f8f8;
  height: 60px;
  padding: 8px 25px;
  color: #333;
  font-weight: bold;
  vertical-align: middle;
}

.type_view_chat .chat_left table tr td.value {
  background-color: white;
  padding: 8px 25px;
}

.type_view_chat .chat_left table tr td.com {
  color: #cc3333;
  font-weight: bold;
}

.type_view_chat .complete_box {
  width: 100%;
  float: left;
  margin-top: 30px;
  padding: 15px;
}

.type_view_chat .complete_box > div {
  width: 100%;
  float: left;
  margin-top: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 25px 20px;
}

.type_view_chat .complete_box > div div {
  width: 100%;
  float: left;
}

.type_view_chat .complete_box > div ul {
  width: 100%;
  float: left;
}

.type_view_chat .complete_box > div ul li {
  width: 100%;
  float: left;
}

.type_view_chat .complete_box > div ul li:not(:first-of-type) {
  margin-top: 20px;
}

.type_view_chat .complete_box textarea {
  width: 100%;
  float: left;
  resize: none;
  padding: 5px;
}

.type_view_chat .chat_right {
  width: 60%;
  float: left;
}

.type_auth {
  width: 100%;
  float: left;
}

.type_auth td {
  text-align: center;
  padding: 5px;
  color: #333;
  font-weight: bold;
}

.type_auth td label {
  font-weight: normal;
}

.type_auth td.main_td {
  background-color: #f8f8f8;
}

.type_auth .listBtn {
  width: 100%;
  float: left;
  padding-bottom: 8px;
  margin-top: 17px;
}

.type_auth .listBtn .leftBox {
  width: 50%;
  float: left;
}

.type_auth .listBtn .leftBox button,
.type_auth .listBtn .leftBox a {
  text-align: center;
  float: left;
  margin-left: 0;
}

.type_auth .listBtn .line {
  margin: 0 10px;
  width: 1px;
  float: left;
  height: 35px;
}

.type_auth .listBtn .line:after {
  content: " ";
  width: 1px;
  height: 18px;
  background-color: #ebebeb;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.type_auth .listBtn .rightBox .line {
  float: right;
}

.type_auth .listBtn .rightBox {
  width: 50%;
  float: right;
  text-align: right;
}

.type_auth .listBtn .rightBox button,
.type_auth .listBtn .rightBox a {
  text-align: center;
  float: right;
  margin-left: 0;
}

.auth_checkWrap {
  text-align: left !important;
}

/* 권한설정 상단 팀명, 팀목록 2022.08.26(금) 작업자 문정원 */
.auth_div {
  margin-bottom: 20px;
  padding: 0px;
}

.auth_div > ul {
  margin-bottom: 10px;
}

.auth_div span.team {
  min-width: 8%;
  float: left;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  margin-right: 10px;
}

.auth_div form {
  width: 90%;
  float: left;
  padding-bottom: 10px;
}

/* 권한설정 상단 팀명, 팀목록 2022.08.26(금) 작업자 문정원 */

/* 권한 설정 안내 팝업 2022.08.26(금) 작업자 문정원 */
.popCont .authguide {
  position: absolute;
  transform: translate(0%, 25%);
  text-align: center;
}

.authguide > div {
  width: 100%;
  float: left;
}

.authguide > div > ul {
  width: 100%;
  float: left;
}

.authguide > div > ul > li {
  width: 100%;
  float: left;
}

.authguide > div > ul > li > i.tit {
  font-size: 58px;
  text-align: center;
  color: #ccc;
}

.authguide .iconul > li {
  padding: 20px 0px;
}

.authguide .textul > li {
  color: #333;
  font-size: 17px;
  font-weight: 500;
  padding: 2.5px 0px;
}

.authguide .textul > li span {
  color: #07abb7;
  font-size: 17px;
}

.authguide .btnWrap {
  padding: 40px 255px;
}

.authguide .btnWrap .bgBtn {
  background-color: #f2f2f2;
  width: 100%;
  float: left;
  padding: 20px 0px;
}

.authguide .btnWrap button {
  height: 40px;
  font-weight: 500;
}

.authguide .btnWrap .cancelBtn {
  width: 110px;
  margin: 0px;
  background-color: #fff;
}

.authguide .btnWrap .linkBtn {
  width: 190px;
}

/* 권한 설정 안내 팝업 2022.08.26(금) 작업자 문정원 */

/* DB항목설정 2022.09.20(화) 작업자 문정원 */
.type_list .list table.plusWrap {
  margin-top: 30px;
}

.form_list_btn_wrap td button.moreDBbtn {
  color: #467cdf;
  border-color: #467cdf;
  font-size: 16px;
  font-weight: 500;
}

.form_list_btn_wrap td button.moreDBbtn > i {
  color: #467cdf;
  border-color: #467cdf;
  font-size: 16px;
}

.form_list_btn_wrap .total_price_list td {
  border: 1px solid #e2e2e2;
}

.form_list_btn_wrap .total_price_list td:first-of-type {
  border-left: none;
}

.form_list_btn_wrap .total_price_list td:last-of-type {
  border-right: none;
}

.form_list_btn_wrap .total_price_list .price {
  padding: 0 15px;
}

.type_list .list table tbody td i.delBtn {
  color: #467cdf;
  border-color: #467cdf;
  font-size: 16px;
}

/* DB항목설정 2022.09.20(화) 작업자 문정원 */

/* 오픈매장관리 */
.guide_box {
  width: 100%;
  float: left;
  border: solid 1px #467cdf;
  padding: 15px 10px;
  padding-bottom: 10px;
  letter-spacing: 0;
}

.guide_box li {
  width: 23.75%;
  float: left;
  border-right: solid 1px #467cdf;
}

.guide_box li:last-child {
  border: none;
}

.guide_box li:first-child {
  border: none;
}

.guide_box li div {
  font-size: 13px;
  width: 60%;
  float: left;
  text-align: center;
  font-weight: bold;
  padding-right: 5px;
}

.guide_box li div span {
  width: 100%;
  float: left;
  font-size: 12px;
  color: #999999;
  font-weight: 100;
}

.guide_box li .point {
  width: 40%;
  color: #467cdf;
}

.guide_box .icon {
  width: 5%;
  float: left;
  text-align: center;
  font-size: 20px;
  color: #467cdf;
}

.guide_box .icon i {
  font-size: 25px;
  color: #467cdf;
}

.open_store {
  width: 100%;
  float: left;
}

.open_store .check_list {
  width: 100%;
  float: left;
  margin-top: 50px;
}

.open_store .check_list .top {
  width: 100%;
  float: left;
  background-color: #f8f8f8;
  border: 1px solid #cccccc;
  padding: 10px 25px;
  cursor: pointer;
}

.open_store .check_list .top li {
  color: #333333;
}

.open_store .check_list .top .icons {
  float: left;
  width: 3%;
  text-align: center;
}

.open_store .check_list .top .icons i {
  font-size: 17px;
  line-height: 28px;
}

.open_store .check_list .top .title {
  float: left;
  width: 92%;
  font-size: 20px;
}

.open_store .check_list .top .activeicon {
  font-size: 20px;
  float: right;
  width: 5%;
  text-align: right;
  cursor: pointer;
}

.open_store .check_list .top .activeicon i {
  font-size: 20px;
}

.open_store .check_list .option_list {
  width: 100%;
  float: left;
  overflow: hidden;
}

.option_lists {
  transition: 0s;
}

.open_store .check_list .option_list div {
  width: 100%;
  float: left;
}

.open_store .check_list .option_list div ul {
  border-bottom: solid 1px #e2e2e2;
  width: calc(50% - 60px);
  height: 86px;
  float: left;
  margin: 30px;
  margin-top: 0px;
}

.open_store .check_list .option_list div ul:nth-child(1) {
  margin-top: 30px;
}

.open_store .check_list .option_list div ul:nth-child(2) {
  margin-top: 30px;
}

.open_store .check_list .option_list div ul li {
  padding: 15px 10px;
  top: 50%;
  transform: translateY(-50%);
}

.open_store .check_list .option_list div ul .option_tit {
  width: 45%;
  float: left;
}

.open_store .check_list .option_list div ul .option_tit .tit {
  font-weight: 600;
}

.check_list .option_list div ul .option_tit span {
  width: 100%;
  float: left;
  border-right: 1px solid #e2e2e2;
}

.open_store .check_list .option_list div ul .click_radio {
  width: 10%;
  float: left;
  text-align: center;
}

.open_store .check_list .option_list div ul .click_radio i {
  font-size: 20px;
  line-height: 35px;
  cursor: pointer;
}

.open_store .check_list .option_list div ul .ss_date {
  width: 45%;
  float: left;
  text-align: right;
}

.open_store .check_list .option_list div ul .ss_date .date_label {
  margin-left: 0;
  float: right;
  margin-right: -95%;
}

.open_store .check_list .option_list div ul .ss_date input {
  width: 100%;
  float: right;
}

.fa-calendar-alt {
  cursor: pointer;
}

.del_option {
  cursor: pointer;
}

/* 오픈매장관리 */

/* 활동관리 2022.09.22(목) 작업자 문정원 */
.work_write {
  width: 100%;
  float: left;
  padding: 10px 80px;
  border: 2px solid #e2e2e2;
  margin-bottom: 30px;
  border-radius: 5px;
}

.work_write form {
  width: 100%;
  float: left;
}

.work_write form > .code_date {
  width: 25%;
  float: left;
  padding: 20px 0px;
}

.work_write form > .code_date > ul {
  width: 100%;
  float: left;
}

.work_write form > .code_date > ul.ul1 {
  margin-bottom: 10px;
}

.work_write form > .code_date > ul > .tit {
  width: 15%;
  float: left;
  line-height: 35px;
}

.work_write form > .code_date > ul > .select {
  width: 85%;
  float: left;
}

.work_write form > .code_date > ul > .calendar {
  width: 85%;
  float: left;
}

.work_write form > .code_date select {
  width: 100%;
}

.work_write form > .code_date input {
  width: 100%;
}

.work_write form > .workcontent {
  width: 55.7%;
  float: left;
  margin: 0px 30px;
  padding: 20px 0px;
}

.work_write form > .workcontent span.tit {
  width: 10%;
  float: left;
  text-align: center;
}

.work_write form > .workcontent span.input {
  width: 90%;
  float: left;
}

.work_write form > .workcontent textarea.content_inp {
  height: 80px;
  width: 95%;
  float: left;
  resize: none;
}

.work_write form > .btnWrap {
  width: 14.4%;
  float: left;
  padding: 20px 0px;
}

.work_write form > .btnWrap .workBtn {
  cursor: pointer;
  border: none;
  width: 180px;
  padding: 10px 0px;
  background-color: #467cdf;
  color: #fff;
  font-size: 17px;
  border-radius: 5px;
  font-weight: 500;
}

.type_list > div.margin {
  margin-top: 15px;
}

.type_list .list .workList {
  padding: 5px 0px;
  border-left: 1px solid #ededed;
}

.workList .leftWrap {
  width: 10%;
  float: left;
  padding: 15px 0px;
}

.workList .leftWrap div.circle {
  width: 20px;
  height: 20px;
  float: left;
  display: inline-block;
  position: absolute;
  border-radius: 50%;
  left: -11px;
  background-color: #467cdf;
}

.workList .leftWrap div.circle > div {
  width: 10px;
  height: 10px;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 5px;
  top: 5px;
}

.workList .leftWrap div.date {
  width: 77%;
  float: right;
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #333;
}

.workList .rightWrap {
  width: 90%;
  float: left;
  padding: 15px 35px;
  background-color: #f8f8f8;
  border-radius: 5px;
}

.workList .rightWrap > ul {
  width: 100%;
  float: left;
}

.workList .rightWrap > ul > li {
  float: left;
}

.workList .rightWrap > ul > li.icon {
  width: 5%;
}

.workList .rightWrap > ul > li.icon > i {
  color: #949494;
}

.workList .rightWrap > ul > li.status {
  width: 15%;
  color: #333;
  font-weight: 600;
}

.workList .rightWrap > ul > li.content {
  width: 50%;
}

.workList .rightWrap > ul > li.content > a {
  text-decoration: underline;
  text-underline-position: under;
}

.workList .rightWrap > ul > li.inquiry {
  width: 12.5%;
}

.workList .rightWrap > ul > li.inquiry > div {
  width: 65%;
  float: right;
  background-color: #fff;
  text-align: center;
  border-radius: 15px;
}

.workList .rightWrap > ul > li.inquiry > div > span {
  font-weight: 600;
}

.workList .rightWrap > ul > li.inquiry > div.red {
  border: 1px solid #cc3333;
}

.workList .rightWrap > ul > li.inquiry > div.red > span {
  color: #cc3333;
}

.workList .rightWrap > ul > li.inquiry > div.blue {
  border: 1px solid #467cdf;
}

.workList .rightWrap > ul > li.inquiry > div.blue > span {
  color: #467cdf;
}

.workList .rightWrap > ul > li.inquiry > div.green {
  border: 1px solid green;
}

.workList .rightWrap > ul > li.inquiry > div.green > span {
  color: green;
}

.workList .rightWrap > ul > li.line {
  width: 2.5%;
  text-align: right;
}

.workList .rightWrap > ul > li.manager {
  width: 15%;
  text-align: right;
  float: right;
}

/* 활동관리 2022.09.22(목) 작업자 문정원 */

/* 활동관리 2022.09.26(월) 작업자 문정원 */
.type_list > div.margin .nowork {
  text-align: center;
}

.type_list .listplus {
  width: 100%;
  float: left;
  border: 1px solid #ededed;
  margin-top: 50px;
}

.type_list .listplus > button {
  width: 100%;
  float: left;
  background-color: #fff;
  cursor: pointer;
  padding: 15px 0px;
  border-radius: 5px;
  border: none;
}

/* 활동관리 2022.09.26(월) 작업자 문정원 */

/* 매출관리 */
.sales .statusWrap_jmg {
  width: 100%;
  float: left;
  border-radius: 5px;
  padding: 2% 0%;
  border-top: solid 1px #e2e2e2;
  border-bottom: solid 1px #e2e2e2;
}

.sales .statusWrap_jmg > div {
  width: 25%;
  float: left;
  border-right: 1px solid #e2e2e2;
}

.sales .statusWrap_jmg > div:last-child {
  border: none;
}

.sales .statusWrap_jmg > div > ul {
  width: 100%;
  float: left;
  text-align: center;
}

.sales .statusWrap_jmg > div > ul .total_jmg {
  color: #333;
  font-size: 23px;
  padding-top: 12px;
}

.sales .statusWrap_jmg > div > ul .total_jmg i {
  color: #333;
  font-size: 25px;
}

.sales .statusWrap_jmg > div > ul .ing_jmg {
  color: #ff4b4b;
}

.sales .statusWrap_jmg > div > ul .complete_jmg {
  color: #3399ff;
}

.sales .statusWrap_jmg > div > ul .ing_jmg i {
  color: #ff4b4b;
}

.sales .statusWrap_jmg > div > ul .complete_jmg i {
  color: #3399ff;
}

.sales .sch_mains {
  width: 100%;
  float: left;
  text-align: center;
  padding: 28px 0px;
}

.sales .sch_mains .dateinfo {
  width: auto;
}

.sales .sch_mains .dateinfo a {
  color: #dddddd;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  font-size: 17px;
  color: #000;
  top: 0;
  z-index: 1;
  cursor: pointer;
}

.sales .sch_mains .dateinfo a i {
  color: #dddddd;
}

.sales .sch_mains .dateinfo > a:first-of-type {
  left: 35%;
  top: 50%;
  color: #dddddd;
  transform: translate(-35%, -50%);
  padding-right: 2px;
}

.sales .sch_mains .dateinfo > a:last-of-type {
  right: 35%;
  top: 50%;
  color: #dddddd;
  transform: translate(35%, -50%);
  padding-left: 2px;
}

.sales .sch_mains .dateinfo p {
  left: 50%;
  transform: translateX(-50%);
  width: 346px;
  height: 55px;
  border-radius: 50px;
  font-size: 22px;
  line-height: 55px;
  text-align: center;
  border: solid 2px #467cdf;
}

.sales .sch_mains .dateinfo p i {
  font-size: 24px;
  margin-right: 15px;
}

.sales .sch_mains .dateinfo p span {
  font-weight: bold;
  font-size: 22px;
}

.sales .glance_content {
  width: 100%;
  float: left;
}

.sales .glance_content .glance_graph {
  width: 30%;
  float: left;
  padding-right: 13px;
  max-height: 620px;
}

.sales .glance_content .glance_chart {
  width: 70%;
  float: right;
  padding-left: 13px;
}

.sales .glance_chart {
  padding: 28px !important;
}

.sales .glance_chart .glance_chart_title {
  float: left;
  width: 100%;
}

.sales .glance_chart .glance_chart_title .chart_title {
  color: #333;
  width: 100%;
  float: left;
  font-weight: 600;
  font-size: 18px;
}

.sales .glance_chart .glance_chart_title .date_title {
  float: left;
  width: 100%;
  font-weight: 500;
  color: #999;
  margin-top: 13px;
}

.sales #chart {
  float: left;
  width: 100%;
  margin-top: 45px;
}

.sales .inq_code ul {
  float: left;
}

.sales .inq_code ul li {
  float: left;
}

.sales .inq_code ul li p {
  float: left;
}

.sales .inq_code ul li .team {
  float: left;
  width: 100%;
  margin-top: 40px;
}

.sales .glance_content .glance_chart {
  border: solid 1px #e2e2e2;
}

.sales .glance_content .glance_chart .chart {
  width: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  height: 621px;
}

.sales .type_list .list .glance_graph table tbody td {
  border: none;
  height: 35px;
}

.sales .type_list .list .glance_graph table thead th {
  border: none;
}

.sales .type_list .list .glance_graph table {
  border: 1px solid #e2e2e2;
}

.Revnue_profit {
  margin-top: 45px;
  width: 100%;
  float: left;
}

.Revnue_profit > div {
  width: calc(100% / 3 * 1);
  float: left;
}

.Revnue_profit > div .content {
  width: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  padding: 30px;
}

.Revnue_profit > .times {
  padding-right: 12.5px;
}

.sales .Revnue_profit .statusWrap_jmg li {
  font-size: 13px;
}

.sales .Revnue_profit .statusWrap_jmg .total_jmg {
  font-size: 15px;
}

.sales .Revnue_profit .times .statusWrap_jmg div {
  width: 33.3%;
}

.Revnue_profit > .day {
  padding: 0px 6.25px;
}

.sales .Revnue_profit .day .statusWrap_jmg div {
  width: 50%;
}

.Revnue_profit > .menu {
  padding-left: 12.5px;
}

.sales .Revnue_profit .menu .statusWrap_jmg div {
  width: 50%;
}

.group_sales {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.sales .group_sales table tbody td {
  border: none !important;
  height: 35px;
}

.sales .group_sales table thead th {
  border-left: none !important;
  border-right: none !important;
  height: 35px;
  background-color: #fff;
}

.sys_info .labels .label:first-child {
  width: 90% !important;
  float: left;
}

.sys_info .labels .label:last-child {
  width: 10% !important;
  float: left;
}

.sys_info .values .option_name:first-child {
  width: 90% !important;
  float: left;
}

.sys_info .values .option_name:last-child {
  width: 10% !important;
  float: left;
}

/* DB자동분배 팝업 & DB분배설정과 공통으로 엮이는 부분있음 2022.09.28(수), 2022.10.07(금) 작업자 문정원 */
#fcListWrap > li {
  text-align: left;
}

.type_form table tbody td > ul.team_list {
  width: 100%;
  float: left;
}

.type_form table tbody td > ul.team_list > li.memli {
  width: 300px;
  float: left;
  font-size: 15px;
  text-align: center;
}

.type_form table tbody td > ul.team_list > li {
  width: 300px;
  float: left;
  padding: 10px;
  border: 1px solid #ccc;
  margin: 5px;
}

.type_form table tbody td > ul.team_list > li span {
  line-height: 35px;
  height: 35px;
}

.type_form table tbody td > ul.team_list > li span.name {
  float: left;
}

.type_form table tbody td > ul.team_list > li span.code {
  float: left;
  color: #ccc;
}

.type_form table tbody td > ul.team_list > li span.sort {
  float: right;
}

.type_form table tbody td > ul.team_list > li input.distinp {
  float: right;
  width: 35px;
  margin-left: 10px;
}

.popCont .popGuideWrap {
  width: 100%;
  float: left;
  background-color: #efefef;
  padding: 20px 0px;
  margin-top: 30px;
}

.popCont .popGuideWrap .titWrap {
  width: 15%;
  float: left;
  text-align: center;
}

.popCont .popGuideWrap .titWrap > i {
  font-size: 35px;
  line-height: 80px;
  color: #888;
}

.popCont .popGuideWrap .textWrap {
  width: 85%;
  float: left;
}

.popCont .popGuideWrap .textWrap > span {
  width: 100%;
  float: left;
}

.popCont .popGuideWrap .textWrap > span > span {
  color: #333;
  font-weight: bold;
}

.popCont .popGuideWrap .textWrap > span > a {
  color: #000;
  font-weight: 400;
  cursor: pointer;
}

.type_list .list .infomar {
  margin-top: 0px;
}

.type_list .list .infomar span {
  font-size: 15px;
  font-weight: 500;
}

.type_list .list .infomar span.title {
  font-size: 13px;
  font-weight: bold;
}

.type_list .list .infomar span.distpause {
  color: #cc3333;
  float: right;
}

.type_list .list .infomar #dbTotalCnt {
  color: #333;
}

.type_list .list .infomar > input:checked + label > .off {
  display: none;
}

.type_list .list .infomar > input:checked + label > .on {
  display: inline-block;
}

.type_list .list .infomar > label {
  float: left;
}

.type_list .list .infomar > label i.off {
  color: #ddd;
  display: inline-block;
  font-size: 12px;
}

.type_list .list .infomar > label i.on {
  color: #19234b;
  display: none;
}

/* DB자동분배 팝업 & DB분배설정과 공통으로 엮이는 부분있음 2022.09.28(수), 2022.10.07(금) 작업자 문정원 */

/* DB분배설정 2022.09.29(목), 2022.10.07(금) 작업자 문정원 */
.type_form .form form > div.dist_pause > h1 {
  float: left;
  margin-right: 10px;
  line-height: 30px;
  margin-bottom: 0px;
}

.type_form .form form > div.dist_pause > div {
  float: left;
}

.type_form .form h1.tit > div {
  float: right;
}

.type_form .form h1.tit > span {
  float: right;
  line-height: 30px;
  margin-right: 10px;
  color: #333;
  font-weight: bold;
  font-size: 18px;
}

.type_form .form h1.tit > span.stop {
  color: #cc3333;
}

.type_form .form h1.tit > span.stop > i {
  color: #cc3333;
  font-size: 18px;
}

.type_form .form > .dist_pause h1 {
  float: left;
  margin-right: 10px;
  line-height: 30px;
  margin-bottom: 0px;
}

/* DB분배설정 2022.09.29(목), 2022.10.07(금) 작업자 문정원 */

.store_table {
  width: 100%;
  float: left;
}

.store_table ul {
  width: 50%;
  float: left;
  padding: 10px 0px;
}

.store_table ul li:first-child {
  width: 10%;
  float: left;
  line-height: 35px;
}

.store_table ul li:last-child {
  width: 90%;
  float: left;
  line-height: 35px;
}

.store_table ul li input {
  width: 40% !important;
  float: left;
}

.store_table ul li span {
  padding: 0px 5px;
  line-height: 35px;
}

.store_table ul li .swung_dash {
  float: left;
  line-height: 35px;
  width: 5%;
  text-align: center;
}

/* 계약관리 운영시간 폼_2023.01.09(월)_문정원  */
.store_table ul li.storetit {
  float: left;
  font-size: 15px;
  color: #333;
  font-weight: bold;
  border: 1px solid #d8d8d8;
  background-color: #f8f8f8;
  text-align: center;
  margin-right: 10px;
  line-height: 33px;
}

.store_table ul li.weektit {
  width: 8%;
  margin-right: 12px;
}

.store_table ul li.opentit {
  width: 31.6%;
  margin-right: 24px;
}

.store_table ul li.finishtit {
  width: 31.6%;
}

.store_table ul li.daytit {
  width: 15%;
}

.store_table ul li.day_week {
  width: 7%;
  float: left;
  line-height: 35px;
  margin-right: 18px;
  text-align: center;
}

.store_table ul li.day_time {
  width: 79%;
}

.store_table ul li.holiday {
  width: auto;
  padding: 0px 10px;
}

.store_table ul li.holiday > span {
  float: left;
}

/* 계약관리 운영시간 폼_2023.01.09(월)_문정원  */

/* 계약관리 첨부파일 드래그영역_2023.01.10(화)_문정원 */
.type_form .form div:not(.noForm) table tr td.dropfiletd {
  padding: 20px 25px;
}

#con_dropzone {
  width: 100%;
  float: left;
  border: 1px dashed #d8d8d8;
  height: 60px;
  padding: 10px;
  cursor: pointer;
}

.con_fileon > * {
  width: 100%;
  float: left;
}

.con_fileon > ul {
  text-align: center;
}

.con_fileon > ul > li {
  float: left;
  display: inline-block;
}

.con_fileon > ul > li.fileicon {
  width: 33%;
  margin-right: 10px;
}

.con_fileon > ul > li.fileguide {
  width: 60%;
}

.con_fileon > ul > li.fileicon > i {
  float: right;
  line-height: 40px;
  font-size: 17px;
  color: #ccc;
}

.con_fileon > ul > li > span {
  line-height: 40px;
  float: left;
  color: #ccc;
  font-weight: 300;
}

.con_fileon > ul > li > button {
  width: 120px;
  color: #ccc;
  font-weight: 300;
  padding: 5px 10px;
  line-height: 20px;
  float: left;
  border: 2px solid #ededed;
  background-color: #fff;
  position: absolute;
  left: 368px;
  bottom: 4px;
  font-size: 13px;
}

.con_fileon > ul > li > button > i {
  margin-right: 5px;
  color: #ccc;
  font-weight: 300;
}

.con_fileoff {
  display: none;
  width: 100%;
  float: left;
  margin: 15px 0px 0px 10px;
}

.con_fileoff > ul {
  width: 25%;
  float: left;
  margin-bottom: 10px;
}

.con_fileoff > ul > li {
  float: left;
  width: 5%;
}

.con_fileoff > ul > li.filename {
  width: 60%;
  font-weight: 400;
}

.con_fileoff > ul > li.filename > span {
  width: 100%;
  float: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.con_fileoff > ul > li.filename > span.text {
  color: #333;
}

.con_fileoff > ul > li.filename > span.texts {
  color: #999;
}

.con_fileoff > ul > li.filename > span.size {
  color: #999;
  font-size: 12px;
}

.con_fileoff > ul > li > i.file {
  color: #333;
}

.con_fileoff > ul > li > i.files {
  color: #999;
}

.con_fileoff > ul > li > i.fileCancelBtn {
  color: #999;
}

.con_fileoff > ul > li > i.condelBtn {
  color: #999;
}

.con_fileoffss {
  display: none;
  width: 100%;
  float: left;
  margin: 15px 0px 0px 10px;
}

.con_fileoffss > ul.offul {
  width: 160px;
  float: left;
  border: 2px solid #d8d8d8;
  margin-right: 10px;
  padding: 2px 0px;
}

.con_fileoffss > ul > li > .offname {
  width: 90%;
  float: left;
  font-weight: bold;
}

.con_fileoffss > ul > li > .fileCancelBtn {
  float: left;
  line-height: 21px;
  font-weight: bold;
}

/* 계약관리 첨부파일 드래그영역_2023.01.10(화)_문정원 */

.typ_menu {
  border: solid 1px #2c4889;
  border-radius: 15px;
  padding: 4px 0px;
  width: 125px;
}

.file_plus_bt {
  cursor: pointer;
  width: 120px;
  color: #999;
  padding: 5px 10px;
  line-height: 20px;
  float: left;
  border: 2px solid #ededed;
  background-color: #fff;
  position: absolute;
  left: 368px;
  bottom: 4px;
  font-size: 13px;
}

.file_plus_bt i {
  margin-right: 5px;
  color: #999;
}

/* 검색영역 */
.datasearchWrap {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  padding: 20px 30px;
  margin-bottom: 15px;
}

.datasearchWrap button {
  cursor: pointer;
}

.datasearchWrap a {
  cursor: pointer;
}

.datasearchWrap > form {
  width: 100%;
  float: left;
  display: table;
  table-layout: fixed;
}

.datasearchWrap .frmWrap {
  width: 870px;
  height: 25px;
  vertical-align: middle;
  display: table-cell;
}

.datasearchWrap .frmWrap > li {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.datasearchWrap .label {
  width: 80px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

.datasearchWrap .frmWrap > li > select {
  width: 130px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  margin-left: 5px;
  border: 1px solid #ebebeb;
  color: #888;
  padding-left: 10px;
}

.datasearchWrap .frmWrap > li > select > option {
  color: #888;
}

.datasearchWrap .frmWrap > li > input {
  width: 530px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
  padding-left: 10px;
}

.datasearchWrap .drag {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.datasearchWrap .drag span {
  width: 50px;
  height: 32px;
  line-height: 32px;
  float: left;
  cursor: pointer;
  background-color: #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
}

.datasearchWrap .drag .reg_term {
  width: 80px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  text-align: inherit;
}

.datasearchWrap .drag .search {
  width: 140px;
  float: left;
  height: 32px;
  color: #666;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  letter-spacing: -0.5px;
  margin-right: 20px;
}

.datasearchWrap .search_Btn {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 65px;
  border-left: 1px solid #e1e1e1;
  margin-top: -30px;
}

.datasearchWrap .search_Btn > button {
  color: #fff;
  background-color: #666;
  margin-bottom: 10px;
  margin-top: 10px;
  border: none;
  width: 130px;
  height: 40px;
  line-height: 32px;
  float: left;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

/* 검색영역(3단) start */
.data_search_wrap {
  width: 100%;
  float: left;
  border: 1px solid #ebebeb;
  padding: 20px 30px;
  margin-bottom: 15px;
}

.data_search_wrap button {
  cursor: pointer;
}

.data_search_wrap a {
  cursor: pointer;
}

.data_search_wrap > form {
  width: 100%;
  float: left;
  display: table;
  table-layout: fixed;
}

.data_search_wrap .frmWrap {
  width: 870px;
  height: 25px;
  vertical-align: middle;
  display: table-cell;
}

.data_search_wrap .frmWrap > li {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.data_search_wrap .label {
  width: 80px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

.data_search_wrap .frmWrap > li > select {
  width: 130px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  margin-left: 5px;
  border: 1px solid #ebebeb;
  color: #888;
  padding-left: 10px;
}

.data_search_wrap .frmWrap > li > select[name="ST4"] {
  margin-left: 0px;
  display: none;
}
.data_search_wrap .frmWrap > li > select[name="ST4"].active {
  display: block;
}

.data_search_wrap .frmWrap > li > select > option {
  color: #888;
}

.data_search_wrap .frmWrap > li > input {
  width: 530px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
  padding-left: 10px;
}

.data_search_wrap .detail_search {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.search_date_style_1 .detail_search_date {
  width: calc(100%-210px);
  float: left;
}
.data_search_wrap .detail_search .detail_search_date span.date_select_btn {
  width: 50px;
  height: 32px;
  line-height: 32px;
  float: left;
  background-color: #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}
.data_search_wrap
  .detail_search
  .detail_search_date
  span.date_select_btn.active {
  color: #fff;
}
.data_search_wrap .detail_search .detail_search_date .input_wrap .search {
  width: 140px;
  float: left;
  height: 32px;
  color: #666;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  letter-spacing: -0.5px;
}
.data_search_wrap .detail_search .detail_search_date .input_wrap .tilde {
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  text-align: inherit;
  margin: 0 10px;
}
.search_date_style_1 .detail_search_date span.date_select_btn {
  width: 50px;
  height: 32px;
  line-height: 32px;
  float: left;
  background-color: #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}

.search_date_style_1 .detail_search_date span.date_select_btn.active {
  color: #fff;
}

.data_search_wrap .detail_search .reg_term {
  width: 80px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  text-align: inherit;
}

.search_date_style_1 .detail_search_date .input_wrap {
  float: left;
}

.search_date_style_1 .detail_search_date .input_wrap .tilde {
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  text-align: inherit;
  margin: 0 10px;
}

.search_date_style_1 .detail_search_date .input_wrap .search {
  width: 140px;
  float: left;
  height: 32px;
  color: #666;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  letter-spacing: -0.5px;
}

.data_search_wrap .search_Btn {
  position: absolute;
  right: 0;
  top: 50%;
  padding: 0 65px;
  border-left: 1px solid #e1e1e1;
  margin-top: -30px;
}

.data_search_wrap .search_Btn > button {
  color: #fff;
  background-color: #666;
  margin-bottom: 10px;
  margin-top: 10px;
  border: none;
  width: 130px;
  height: 40px;
  line-height: 32px;
  float: left;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
}

select[name="ST4"] {
  display: none;
}
.select_list_cnt {
  min-width: 100px;
  width: auto !important;
}
.dataSearchSet {
  width: 150px !important;
}
.rightBox .list_cnt_form {
  width: auto;
  float: right;
}
#s_date_year,
#s_date_month {
  width: 130px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
  color: #888;
  padding-left: 10px;
}
#s_date_year {
  margin-left: 5px;
}
/* 검색영역(3단) end */

.red_bg {
  background-color: rgba(255, 0, 0, 0.1) !important;
  font-weight: 500;
}

.file_preview {
  visibility: hidden;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  z-index: 999;
}

.file_preview img {
  max-width: 44%;
  max-height: 80vh;
}

.popupWrap2 {
  z-index: 99 !important;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.61);
  z-index: 2;
  display: none;
}

.popupWrap2.z1000 {
  z-index: 1000 !important;
}

.popupWrap2.big .popContent {
  width: 1400px;
  height: 100vh;
}

.popupWrap2 .popContent {
  width: 600px;
  float: left;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border-radius: 5px;
  box-shadow: 3px 3px 14.25px 0.75px rgba(0, 0, 0, 0.33);
}

.popupWrap2.small .popContent {
  width: 850px;
  height: 450px;
}

.popupWrap2 .popIframe {
  width: 100%;
  float: left;
  margin-top: 1px;
  transition: 0.5s all;
}

.popupWrap2 .popIframe iframe {
  width: 100%;
  float: left;
  border: none;
  height: 92vh;
  transition: 0.5s all;
}

.popupWrap2.small iframe {
  height: 389px;
}

.popupWrap2 .popTit {
  width: 100%;
  float: left;
  background-color: #333;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.popupWrap2 .popTit ul {
  width: 100%;
  float: left;
  line-height: 60px;
}

.popupWrap2 .popTit ul li {
  float: left;
}

.popupWrap2 .popTit ul .popTit_text {
  width: 90%;
  padding: 0 33px;
  font-size: 18px;
  font-weight: bold;
  color: white;
}

.popupWrap2 .popTit ul .popClose {
  width: 10%;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
}

.popupWrap2 .popTit ul .popClose i {
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  color: white;
}

.type_list .list table tbody td > i.complist {
  cursor: pointer;
}

/* 가맹점 등록시 데이터리스트  */
.store_box {
  width: 100%;
  float: left;
}

.store_search_box:hover {
  display: block;
}

.store_search.hover {
  border: 1px solid #d9d9d9 !important;
  border-radius: 10px 10px 0 0;
  height: 40px;
  padding: 0 10px;
}

.store_search_box {
  position: absolute;
  display: none;
  left: 50%;
  top: 70%;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  width: 22%;
  z-index: 9;
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: hidden;
  box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.13);
  transform: translateX(-50%);
}

.store_search_box > div::-webkit-scrollbar {
  display: none;
}

.store_search_box > div {
  float: left;
  width: 100%;
  overflow-y: scroll;
  max-height: 500px;
  background: #fff;
}

.store_search_box > div > div {
  color: #333;
  font-size: 15px;
  padding: 2.5px 10px;
  cursor: pointer;
  background: #fff;
}

.store_search_box > div > div:hover {
  font-weight: 900;
  color: #000;
  font-size: 16px;
}

.cms_Idguide {
  color: #ccc;
}

.cms_Idguide i {
  color: inherit;
  margin-right: 5px;
}

.svinp {
  margin-right: 5px;
  width: 17%;
}

/* 가맹점 등록시 데이터리스트  */

/* 표준서 */
.reportAppendBtnBox {
  text-align: center;
  padding: 15px 0;
}

.question_type_request .reportItems {
  border: 2px solid transparent;
}

.question_type_request .from_lav {
  width: 100%;
  float: left;
  margin-top: 20px;
}

.question_type_request .from_lav ul {
  width: 100%;
  float: left;
}

.question_type_request .from_lav ul li {
  float: left;
}

.question_type_request .from_lav ul li * {
  font-size: 15px;
}

.question_type_request .prview_top:not(:first-child) {
  margin-top: 10px;
  border-top: 1px solid red;
  padding-top: 10px;
}

.question_type_request .prev_back {
  margin-top: 15px;
}

.question_type_request .group_tit {
  width: 100%;
  float: left;
}

.question_type_request .group_tit .mainTit {
  width: 100%;
  float: left;
  font-size: 15px;
  font-weight: bold;
}

.question_type_request .group_tit .subTit {
  width: 100%;
  float: left;
  font-size: 12px;
}

.reportImagePreview {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
}

.ripCloseBtn {
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 70px;
  z-index: 1;
}

.ripCloseBtn i {
  font-size: inherit;
  float: left;
  color: white;
}

.ripImageBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.ripImageBox img {
  float: left;
}

.ripImage {
  z-index: 1;
}

.ripCnt {
  float: right;
  color: white;
  font-size: 17px;
}

.ripArrow {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%, -50%);
  z-index: 2;
}

.ripArrow i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 100px;
  color: white;
  cursor: pointer;
}

.ripArrowLeft {
  left: -580px;
}

.ripArrowRight {
  right: -580px;
}

.type_list2 .list table thead th {
  height: 45px;
}

.type_list2 .list table tbody td {
  height: 45px;
}

/* 통계 레이아웃  */
.chartTit {
  width: 100%;
  float: left;
  font-size: 22px;
  line-height: 22px;
  color: black;
  font-weight: bold;
  border-bottom: 1px solid #f1f1f1;
  padding: 30px;
}

.chartTit .activeColor {
  font-size: inherit;
  line-height: inherit;
  color: #4075e7;
}

.chartBox {
  width: 100%;
  float: left;
  margin-top: 30px;
  padding: 20px 52px;
}

.chartBox > canvas {
  left: 50%;
  transform: translateX(-50%);
}

.chartBox .w100 {
  width: 100%;
}

/* 대시보드 */
.dashboardBox {
  width: 100%;
  float: left;
  border: 2px solid #e2e2e2;
  padding: 25px 10px;
}
.dashboardGuide {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.dashboardGuide > p {
  color: #afafaf;
  font-size: 12px;
}

.dashboardBox .dbl {
  width: 150px;
  float: left;
  border-right: 2px solid #e3e3e3;
  text-align: center;
  padding: 3px 0;
}

.dashboardBox .dbl i {
  color: #cbcbcb;
}

.dashboardBox .dbr {
  width: calc(100% - 150px);
  float: left;
  line-height: 48px;
  padding-left: 50px;
}

.dashboardBox .dbr .dbItem {
  width: auto;
  float: left;
  font-size: 18px;
}

.dashboardBox .dbr .dbItem:not(:first-of-type) {
  margin-left: 3%;
}

.dashboardBox .dbr .dbItem * {
  font-size: inherit;
}

.dashboardBox .dbr .tit {
  font-weight: bold;
  color: #333;
}

.dashboardBox .dbr .subtit {
  font-weight: normal;
  font-size: 14px !important;
  color: #9c9c9c;
}

.dashboardBox .dbr .val {
  margin-left: 25px;
  color: #ff6004;
  font-weight: bold;
}

.dashboardBox .dbr .subVal {
  color: inherit;
  font-weight: 400;
  font-size: 14px;
}

.dashboardBox .dbr .dbLine {
  width: 1px;
  float: left;
  margin-left: 25px;
}

.dashboardBox .dbr .dbLine:after {
  content: " ";
  width: 1px;
  height: 25px;
  background-color: #9b9b9b;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

.dashboardBox .dbr .right .btnWrap {
  width: 100%;
  float: left;
  padding-right: 50px;
}
.dashboardBox .dbr .right .btnWrap > button {
  border: 1px solid;
  background-color: #ffffff;
  width: 185px;
  height: 45px;
  border-radius: 5px;
  cursor: pointer;
}
.dashboardBox .dbr .right .btnWrap > button > i {
  font-size: 18px;
}
.dashboardBox .dbr .right .btnWrap > button > span {
  font-size: 15px;
  font-weight: 900;
  margin-left: 10px;
}
.dashboardBox02 {
  padding: 40px 10px 40px 60px !important;
}
.dashboardBox02 .dbr {
  line-height: 20px !important;
  padding-left: 0px !important;
}
/* 차트 검색 */
.chartSearch {
  width: 100%;
  float: left;
}

.chartSearch button {
  cursor: pointer;
}

.chartSearch a {
  cursor: pointer;
}

.chartSearch > form {
  width: 100%;
  float: left;
  display: table;
  table-layout: fixed;
}

.chartSearch > form > div {
  width: auto;
  float: left;
}

.chartSearch .frmWrap {
  width: 870px;
  height: 25px;
  vertical-align: middle;
  display: table-cell;
}

.chartSearch .frmWrap > li {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.chartSearch .frmWrap > li > select {
  width: 130px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  margin-left: 5px;
  border: 1px solid #ebebeb;
  color: #888;
  padding-left: 10px;
}

.chartSearch .frmWrap > li > select > option {
  color: #888;
}

.chartSearch .frmWrap > li > input {
  width: 530px;
  height: 32px;
  line-height: 32px;
  margin-right: 10px;
  border: 1px solid #ebebeb;
  padding-left: 10px;
}

.chartSearch .drag {
  width: 100%;
  float: left;
  margin: 5px 0;
}

.chartSearch .drag span {
  width: 50px;
  height: 32px;
  line-height: 32px;
  float: left;
  cursor: pointer;
  background-color: #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
}

.chartSearch .drag .reg_term {
  min-width: 40px;
  height: 32px;
  line-height: 32px;
  float: left;
  font-size: 14px;
  font-weight: bold;
  background-color: #fff;
  text-align: inherit;
  color: black;
}

.chartSearch .drag .search {
  width: 140px;
  float: left;
  height: 32px;
  color: #666;
  border: 1px solid #ebebeb;
  padding: 0 10px;
  letter-spacing: -0.5px;
  margin-right: 20px;
}

.chartSearch .search_Btn {
  width: auto;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #e1e1e1;
  padding: 15px 0 15px 100px;
}

.chartSearch .search_Btn > button {
  width: 150px;
  height: 40px;
  float: left;
  font-weight: 500;
  font-size: 14px;
}

/* 월 이동 UI */
.ym_control > div {
  width: 100%;
  float: left;
  text-align: center;
}

.ym_control .dateInfo {
  width: auto;
}

.ym_control .dateInfo a {
  color: #dddddd;
  position: absolute;
  width: 30px;
  height: 30px;
  line-height: 27px;
  border-radius: 100%;
  background-color: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  font-size: 17px;
  color: #000;
  top: 0;
  z-index: 1;
}

.ym_control .dateInfo a i {
  color: #dddddd;
}

.ym_control .dateInfo > a:first-of-type {
  left: 35%;
  top: 50%;
  color: #dddddd;
  transform: translate(-35%, -50%);
  padding-right: 2px;
}

.ym_control .dateInfo > a:last-of-type {
  right: 35%;
  top: 50%;
  color: #dddddd;
  transform: translate(35%, -50%);
  padding-left: 2px;
}

.ym_control .dateInfo p {
  left: 50%;
  transform: translateX(-50%);
  width: 346px;
  height: 55px;
  border-radius: 50px;
  font-size: 22px;
  line-height: 55px;
  text-align: center;
  border: solid 2px #467cdf;
}

.ym_control .dateInfo p i {
  font-size: 24px;
  margin-right: 15px;
}

.ym_control .dateInfo p span {
  font-weight: bold;
  font-size: 22px;
}

div.listNoData {
  padding: 50px 0;
  text-align: center;
}

div.listNoData p {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  font-size: normal;
}

div.listNoData p:not(:first-of-type) {
  margin-top: 10px;
}

div.listNoData p i {
  color: inherit;
  font-size: 45px;
}

.button_value {
  line-height: 35px;
}

@media screen and (max-width: 1600px) {
  .ym_control .dateInfo > a:first-of-type {
    left: 33%;
  }

  .ym_control .dateInfo > a:last-of-type {
    right: 33%;
  }
}

/* 일정관리 관련 CSS */
.resultWrap {
  position: absolute;
  width: calc(100% - 150px);
  background-color: #fff;
  top: 100%;
  border: 1px solid #ccc;
  right: 0;
  z-index: 2;
  margin-top: -1px;
  display: none;
}
.resultWrap > ul.resultBox {
  width: 100%;
  float: left;
  padding: 20px;
  max-height: 158px;
  overflow-y: auto;
}
.resultBox::-webkit-scrollbar {
  width: 5.2px;
}
.resultBox::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.resultBox::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.resultBox::-webkit-scrollbar-thumb:hover {
  background: #404040;
}
.resultBox::-webkit-scrollbar-thumb:active {
  background: #808080;
}
.resultBox::-webkit-scrollbar-button {
  display: none;
}

.resultWrap > ul.resultBox > li {
  width: 100%;
  float: left;
  margin-bottom: 15px;
  cursor: pointer;
  color: #666;
}
.resultWrap > ul.resultBox > li:hover {
  opacity: 0.6;
}
.resultWrap > ul.resultBox > li > div {
  height: 15px;
  line-height: 15px;
  font-size: 13px;
  letter-spacing: -0.5px;
  color: inherit;
  font-weight: 500;
}
.resultWrap > ul.resultBox > li > div.left {
  float: left;
}
.resultWrap > ul.resultBox > li > div.right {
  float: right;
}
.resultWrap > ul.closeBox {
  width: 100%;
  float: left;
}
.resultWrap > ul.closeBox > li {
  width: 100%;
  float: left;
  text-align: right;
  padding: 10px 20px;
}
.resultWrap > ul.closeBox > li .searchCloseBtn {
  color: #b5b5b5;
  padding: 0 6px;
  line-height: 30px;
}
.resultWrap > ul.closeBox > li > button {
  background: none;
  border: none;
  cursor: pointer;
}
.receiveWrap {
  border-bottom: 1px solid #d8d8d8;
  min-height: 50px;
}
.receiveWrap > .value {
  width: 100%;
  height: 45px;
  float: left;
  white-space: nowrap;
  padding-bottom: 5px;
  overflow-x: auto;
  overflow-y: hidden;
}
.receiveWrap > .value::-webkit-scrollbar {
  width: 5.2px;
  height: 7px;
}
.receiveWrap > .value::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.receiveWrap > .value::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.receiveWrap > .value::-webkit-scrollbar-thumb:hover {
  background: #404040;
}
.receiveWrap > .value::-webkit-scrollbar-thumb:active {
  background: #808080;
}
.receiveWrap > .value::-webkit-scrollbar-button {
  display: none;
}
.receiveWrap > .value > li {
  display: inline-block;
  height: 35px;
  line-height: 35px;
  padding: 0 10px;
  margin-right: 5px;
  border: 1px solid;
}
.receiveWrap > .value > li > i {
  margin-left: 5px;
  cursor: pointer;
}
.resultWrap > ul.resultBox > li.active {
  opacity: 0.6;
}
/* 일정관리 관련 CSS */

/* 공지사항 지역 및 가맹점 추가기능 css 2024.02.05(월) 작업자 : 이재목*/

.contentWrap .location_select {
  width: 30%;
  float: left;
}
.contentWrap .allon i {
  color: #3366cc;
}
.contentWrap .searchBtn {
  float: left;
}
.contentWrap .resultWrap {
  left: 213px;
  width: 30%;
  top: 35px;
}
.contentWrap .topresultBox li i {
  margin-right: 10px;
}
.contentWrap .txtsearchBox {
  width: 30%;
  float: left;
  height: 35px;
  border: none;
  padding: 0 10px;
  font-size: 13px;
}
.contentWrap .resultWrap .closeBtn {
  cursor: pointer;
}
.contentWrap .receiveWrap .values li {
  width: auto;
  border: 1px solid #3366cc;
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 14px;
  float: left;
  margin-right: 1%;
  color: #3366cc;
  margin: 5px;
}
.contentWrap .receiveWrap .values li i {
  color: #3366cc;
  float: right;
  top: 3px;
  margin-left: 5px;
}
.contentWrap .resultWrap ul .store_all_check i {
  color: #3366cc;
}
.contentWrap .resultWrap .closeBtn {
  float: right;
}
.contentWrap .resultWrap .topresultBox li {
  width: 50%;
  cursor: pointer;
}
.contentWrap .resultWrap .topresultBox {
  padding: 20px 20px 0px 20px;
}
.contentWrap .receiveWrap .values .removeReceiver {
  cursor: pointer;
}
.contentWrap select {
  cursor: pointer;
}
.contentWrap .resultWrap .totalCount {
  padding: 0;
  margin: 0;
  border: none;
  font-weight: 400;
}
.contentWrap .information {
  width: 100%;
  float: left;
  color: #ccc;
  font-size: 12px;
  padding-top: 5px;
}

.member_info {
  width: 100%;
  float: left;
}
.member_info:not(:last-child) {
  margin-bottom: 15px;
}
.member_info > ul {
  width: auto;
  float: left;
}
.member_info:not(:last-child) > ul {
  border-bottom: 1px solid #ededed;
}
.info_box {
  float: left;
  margin-right: 30px;
}
.info_title {
  float: left;
  font-weight: bold;
  line-height: 35px;
  margin-right: 15px;
}
.info_text {
  min-width: 180px !important;
  float: left;
  line-height: 35px;
  width: auto !important;
}
.moreBtn {
  width: 150px;
  height: 35px;
  cursor: pointer;
  float: left;
  background: #fff;
}
.member_info .delBtn {
  line-height: 35px;
  cursor: pointer;
}

.noticev_storelist {
  width: auto;
  border: 1px solid #3366cc;
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 14px;
  float: left;
  margin-right: 1%;
  color: #3366cc;
  margin: 5px;
}
.store_count {
  font-weight: 600;
  width: 100%;
  float: left;
  margin: 5px 0px 10px 0;
}

/* 발주관리 추가 CSS */
.prd_name {
  margin-bottom: 10px;
}
img.prd_img {
  border: 1px solid #ececec;
  height: 50px;
  width: 50px;
  object-fit: contain;
}
td.cancel_line {
  text-decoration: line-through;
}
.fw-n {
  font-weight: normal;
}
.order-sm-txt {
  color: #999 !important;
  font-size: 12px !important;
}
/* 발주관리 추가 CSS */

/* 오픈매장관리 설정 추가 CSS */
.open_store_write_wrap {
  width: 100%;
  float: left;
}
.open_store_write_wrap .open_store_write_wrap_inner {
  width: 100%;
  float: left;
}
.open_store_write_wrap .open_store_write_wrap_inner > table {
  height: 65px;
}
.open_store_write_wrap
  .open_store_write_wrap_inner
  > table
  > tbody
  > tr
  > td.tit {
  background-color: #f8f8f8;
  font-weight: 900;
}
.open_store_write_wrap
  .open_store_write_wrap_inner
  > table
  > tbody
  > tr
  > td
  > input {
  width: 100% !important;
}
.open_store_write_wrap .open_store_write_wrap_inner_2 {
  width: 100%;
  float: left;
  padding: 35px 0;
  border-bottom: 1px solid #efefef;
}
.open_store_write_wrap .open_store_write_wrap_inner_2 > button {
  width: 150px;
  height: 35px;
  color: #fff;
  cursor: pointer;
}
.open_store_detail_edit_btn {
  background-color: #fff;
  padding: 7px 12px;
  cursor: pointer;
}
.open_store_detail_edit_btn > span {
  margin-left: 5px;
}
/* 오픈매장관리 설정 추가 CSS */

/* 부sv 호버 시 */
.s_sv_sub {
  position: absolute;
  left: 50%;
  background: #fff;
  border: 1px solid #ccc;
  z-index: 1;
  border-radius: 10px;
  padding: 10px;
  width: 180px;
  top: 40px;
  max-height: 188px;
  overflow: auto;
  display: none;
}
.s_sv_sub li {
  width: 100%;
  float: left;
  border-bottom: 1px solid #f3f3f3;
  line-height: 40px;
}
.s_sv_sub li i {
  float: left;
  color: #ccc;
  line-height: 40px;
}
.s_sv_sub li span {
  float: left;
  margin-left: 5px;
  color: #666;
}
.s_sv_sub li span.sub {
  color: #ccc;
  margin-left: 3px;
}
.s_sv:hover .s_sv_sub {
  display: block;
}
.s_sv_sub::-webkit-scrollbar {
  width: 5px;
}
.s_sv_sub::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 10px;
}
.s_sv_sub::-webkit-scrollbar-track {
  background-color: white;
  box-shadow: inset 0px 0px 5px white;
}

/* 출점보고서 */
input[type="file"] {
  display: none;
}
.custom_tab_layout {
  width: 100%;
  float: left;
  border: 1px solid #e8e8e8;
}
.custom_tab_layout > div {
  width: 100%;
  float: left;
}
.custom_tab_layout #custom_tab ul {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding: 0;
  margin: 0;
  list-style: none;
}
.custom_tab_layout #custom_tab ul li {
  text-align: center;
  line-height: 60px;
  cursor: pointer;
  font-size: 15px;
}

.custom_tab_layout #custom_tab ul li.active {
  color: #c7a165;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 7px;
}

.custom_tab_layout #custom_tab ul li:not(:first-of-type) {
  border-left: 1px solid #e8e8e8;
}
.custom_tab_layout #custom_tab ul li:not(.active) {
  border-bottom: 1px solid #e8e8e8;
}

.custom_tab_layout .custom_tit {
  width: 100%;
  display: inline-block;
}
.custom_tab_layout .custom_tit > h1 {
  font-size: 16px;
  color: black;
  float: left;
  line-height: 35px;
}
.custom_tab_layout .custom_tit > h1 span:nth-of-type(1) {
  margin-left: 15px;
  border: 1px solid #999;
  color: #666;
  border-radius: 50px;
  width: 65px;
  line-height: 24px;
  font-size: 14px;
  display: inline-block;
  text-align: center;
}
.custom_tab_layout .custom_tit > h1 span:nth-of-type(1) i {
  color: #ccc;
  margin-left: 2px;
}
.custom_tab_layout .custom_tit > h1 .areaSizeSpan {
  margin-left: 5px;
  color: #333;
}
.custom_tab_layout .custom_tit > button {
  float: right;
}

*[data-guide2]:hover:after {
  content: attr(data-guide2);
  position: absolute;
  left: 50%;
  top: 50%;
  width: 350px;
  font-family: Noto Sans KR;
  font-size: 12px;
  padding: 15px 10px;
  z-index: 9999999;
  border: 1px solid #ccc;
  color: #ccc;
  background-color: white;
}

.custom_tab_layout #custom_body {
  padding: 58px 34px;
}
.custom_tab_layout #custom_body > div {
  width: 100%;
  float: left;
  display: none;
}
.custom_tab_layout #custom_body.allView > div:not(:first-of-type) {
  margin-top: 80px;
}
.custom_tab_layout #custom_body > div > div {
  width: 100%;
  float: left;
}
.custom_tab_layout #custom_body > div > div:not(:first-of-type) {
  margin-top: 80px;
}
.custom_tab_layout #custom_body > div.active {
  display: block;
}
.custom_tab_layout #custom_body .type_form select.txtBox {
  width: 100%;
}

.custom_tab_layout #custom_body .brand_info img,
.custom_tab_layout #custom_body .img_preview_candidate img {
  object-fit: cover;
}

label.customCheckBox {
  margin-right: 5px;
}
.customCheckBoxLabel {
  margin: 0 !important;
  vertical-align: baseline !important;
}

/* 경쟁브랜드 */

.compThumbnail {
  width: 70px;
  height: 70px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}
.compThumbnail > div {
  width: 100%;
  height: 100%;
  background-color: #f0f0f0;
  overflow: hidden;
}
.compThumbnail > div > div {
  width: 100%;
  height: 100%;
}
.uploadNone {
  width: 100%;
  height: 100%;
}
.uploadNone i {
  font-size: 24px;
  color: #999;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.undoImage {
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  cursor: pointer;
}
.undoImage i {
  color: white;
  font-size: 12px;
}

.imageUploadBtn {
  cursor: pointer;
}

.compThumbnail img {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}

.moreCompBtn {
  font-size: 20px;
  cursor: pointer;
}
.removeCompBtn {
  font-size: 20px;
  color: #bfbfbf;
  cursor: pointer;
}

.verticalTable .impact {
  background-color: #ececec !important;
}
.verticalTable tbody td {
  padding: 8px 17px;
  text-align: center;
}
.verticalTable tbody td.tal {
  padding-left: 30px;
}
.verticalTable tbody.smallPaddingArea td {
  padding: 8px 8px;
}

.verticalTable.multiTable {
  margin-top: 0 !important;
}
.verticalTable.multiTable tbody tr:first-of-type > * {
  border-top: 2px solid #bebebe !important;
}

.verticalTable thead th:not(:first-of-type) {
  border-left: 1px solid #f0f0f0;
}
.verticalTable tbody td:not(:first-of-type) {
  border-left: 1px solid #f0f0f0;
}
.verticalTable .imageArea {
  text-align: left;
  padding-left: 50px;
}
.verticalTable .imageArea img {
  width: 55px;
  height: 55px;
  border-radius: 5px;
}
.verticalTable .imageArea span {
  margin-left: 10px;
}
.verticalTable .smallInpArea input:nth-of-type(1) {
  width: 60%;
}
.verticalTable .smallInpArea input:nth-of-type(2) {
  width: 35%;
  margin-left: 5%;
}
.verticalTable .smallInpArea * {
  letter-spacing: 0;
}
.verticalTable .smallInpArea span:nth-of-type(2) {
  color: #aaa;
}

.verticalTable .common_sub_btn {
  margin-left: 13px;
}
.verticalTable .common_sub_btn.round {
  border-radius: 5px;
}
.verticalTable .common_sub_btn.mini {
  width: 80px;
}
.verticalTable .subText {
  font-size: 12px;
  color: #ccc;
  margin-left: 5px;
}
.verticalTable .listBorderLeft {
  border-left: 1px solid #f0f0f0;
}

/* 영업지역 표기 */
.salesAreaPreview {
  width: 100%;
  float: left;
  display: none;
  margin-top: 15px;
}
.salesAreaPreview img {
  max-width: 40%;
}

/* 멀티이미지 업로더 */
/* float 값 */
.addFileBtn {
  width: 120px;
  height: 40px;
  line-height: 38px;
  float: left;
  font-weight: bold;
  font-size: 14px;
  border: 1px solid #c7a165;
  background-color: #fff;
  color: #c7a165;
  text-align: center;
  -ms-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  user-select: none;
  cursor: pointer;
}
.addFileBtn i {
  color: inherit;
  margin-right: 6px;
}
.left {
  float: left;
}
.right {
  float: right;
}
input[type="file"] {
  display: none;
}
.multiImageUploaderWrap {
  width: 100%;
  float: left;
}
.multiImageUploaderWrap > li {
  width: 19.2%;
  float: left;
  margin-right: 0.5%;
  padding: 10px;
  border: 1px solid #eee;
  background-color: #fff;
  margin-top: 10px;
}
.multiImageUploaderWrap > li.item {
  cursor: move;
}
.multiImageUploaderWrap > li > .btnWrap {
  width: 100%;
  float: left;
  margin-bottom: 5px;
}
.multiImageUploaderWrap > li > .btnWrap .multiImageDeleteBtn {
  color: #bfbfbf;
  cursor: pointer;
  top: 7px;
  right: 8px;
}
.multiImageUploaderWrap > li > .btnWrap i {
  font-size: 18px;
}
.multiImageUploaderWrap > li > .imgWrap {
  width: 100%;
  float: left;
}
.multiImageUploaderWrap > li > .imgWrap > img {
  width: 100%;
  float: left;
  height: 150px;
}

.ui-state-highlight {
  background-color: #fff !important;
  border: none !important;
}

/* 손익계산서 */
.type_form .form div:not(.noForm) .profitTable tbody tr:last-of-type > * {
  border-bottom: none !important;
}

.tit_btn {
  float: left;
  top: -10px;
}
.tit_btn li {
  float: left;
  margin-left: 10px;
}
.tit_btn li span {
  color: #999999;
  font-size: 12px;
  height: 35px;
  display: flex;
  align-items: end;
  padding-bottom: 5px;
}

.sor_title_box {
  width: 100%;
  float: left;
  border-bottom: 1px solid #ccc;
}
.sor_title_box ul {
  width: 100%;
  float: left;
  padding: 42px 0px 38px 33px;
}
.sor_title_box li {
  float: left;
}
.sor_title_box li.title {
  width: 5%;
  font-weight: bold;
  line-height: 45px;
  font-size: 18px;
  color: black;
}
.sor_title_box li.inp {
  width: 95%;
}
.sor_title_box li.inp input {
  width: 100%;
  height: 45px;
  font-size: 14px;
}

/* 개인정보처리방침 관련 */
.privacy_policy_wrap .tit:not(:nth-child(1)) {
  margin-top: 35px;
}
.privacy_policy_wrap > table > tbody > tr > td {
  padding: 15px 0;
}
.privacy_policy_wrap > table > tbody > tr > td > textarea {
  width: 100%;
  height: 250px;
  padding: 10px;
  overflow: auto;
}
.privacy_policy_wrap > table > tbody > tr > td > textarea::-webkit-scrollbar {
  width: 5px;
}
.privacy_policy_wrap
  > table
  > tbody
  > tr
  > td
  > textarea::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 10px;
}
.privacy_policy_wrap
  > table
  > tbody
  > tr
  > td
  > textarea::-webkit-scrollbar-track {
  background-color: white;
  box-shadow: inset 0px 0px 5px white;
}
.privacy_contents_wrap {
  width: 100%;
  float: left;
  height: 250px;
  overflow-y: auto;
  padding: 10px;
}
.privacy_contents_wrap::-webkit-scrollbar {
  width: 5px;
}
.privacy_contents_wrap::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  border-radius: 10px;
}
.privacy_contents_wrap::-webkit-scrollbar-track {
  background-color: white;
  box-shadow: inset 0px 0px 5px white;
}
.terms_and_policies_wrap {
  width: 100%;
  float: left;
}
.terms_and_policies_wrap > div {
  width: 100%;
  float: left;
  border: 1px solid #e9e9e9;
  min-height: 600px;
  padding: 20px;
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
}

/* 계약서양식관리 CSS */
.fs-12 {
  color: #ccc;
  font-size: 12px;
}
.sub_tit_fs {
  color: #ccc;
  font-size: 12px;
  font-weight: normal;
}
.status_wrap {
  width: 100%;
  float: left;
  text-align: center;
}
.use_yn_wrap {
  width: 60px;
  height: 25px;
  border-radius: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.use_yn_wrap > span {
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  top: 50%;
  transform: translate(-50%, -50%);
  left: 50%;
  float: left;
}
#previewFrame {
  float: left;
  width: 100%;
  height: 100%;
  white-space: pre-wrap;
  word-break: break-all;
}
.previewFrame_Wrap {
  float: left;
  width: 46%;
  height: 1000px;
}
.type_view .contract_view_left {
  width: 51%;
  float: left;
  margin-right: 0px !important;
}
.td-editor {
  padding: 5px 0px !important;
}
.contentBox .contract {
  width: 52% !important;
}
.contentBox .contract_form_preview_wrap {
  width: 46%;
  float: left;
  text-align: center;
  height: 50px;
  margin-top: 2%;
  margin-left: 3%;
}
.type_view .contract_view_right {
  width: 47%;
  float: right;
  height: 1060px;
  overflow-y: auto;
  box-shadow: 2px 4px 15px 8px rgb(0 0 0 / 10%);
  margin-left: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.type_view .contract_view_right .contract_view {
  width: 100%;
  height: 100%;
  float: left;
  border-radius: 5px;
  background-color: #fff;
  padding: 15px 20px;
  margin-top: 3%;
}
.type_view .contract_view_right .contract_view .contract_form_view_wrap {
  width: 100%;
  float: left;
  padding: 5% 0;
}
.contract_capture_wrap {
  width: 21cm;
  min-height: 29.7cm;
  position: absolute;
  top: -100%;
  background-color: #fff;
  display: none;
}
.contract_a4_size {
  width: 21cm;
  min-height: 29.7cm;
  padding: 1.5cm 1.5cm 2cm 1.5cm;
}
.contract_form_preview_popup_wrap {
  width: 100%;
  float: left;
}
.contract_form_preview_popup_wrap > div {
  width: 100%;
  float: left;
  padding: 25px 0;
}
.contract_form_preview_popup_wrap > div > div {
  width: 21cm;
  min-height: 29.7cm;
  float: left;
  border: 1px solid #e9e9e9;
  padding: 1.5cm 1.5cm 2cm 1.5cm;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.con_form_title_wrap {
  width: 100%;
  float: left;
}
.con_form_title_wrap .con_form_title_wrap_left {
  width: 50%;
  float: left;
}
.con_form_title_wrap .con_form_title_wrap_right {
  width: 47%;
  float: left;
  top: 25px;
  margin-left: 3%;
}
.con_form_title_wrap .con_form_title_wrap_right .con_form_preview_title {
  width: 200px;
  height: 40px;
  border-radius: 15px;
  border: 1px solid #333333;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
}
.con_form_title_wrap
  .con_form_title_wrap_right
  .con_form_preview_title
  .preview_text {
  line-height: 38px;
  font-weight: 800;
}

/* 가맹 전 관리 start */
button.alarmTalkBtn {
  width: 110px;
  height: 35px;
  background-color: #49361c;
  cursor: pointer;
  border: none;
}
button.alarmTalkBtn > i {
  color: #fff;
  font-size: 12px;
}
button.alarmTalkBtn > span {
  color: #fff;
  font-size: 12px;
  margin-left: 10px;
  font-weight: 900;
}
.list .contract_list > ul > li > span.main_color,
.list .contract_list > ul > li > p > span.main_color {
  font-weight: 900;
}
.list .contract_list > ul > li > span.headphone > i,
.list .contract_list > ul > li > p > span.headphone > i {
  font-weight: 900;
  cursor: pointer;
  padding: 0 5px;
}
.list .contract_list > ul > li > span.confirm_date,
.list .contract_list > ul > li > p > span.confirm_date {
  font-size: 12px;
  color: #999;
}
.list .contract_list > ul > li > span.sub_text,
.list .contract_list > ul > li > p > span.sub_text {
  color: #ccc;
  font-size: 12px;
}
.list .contract_list > ul > li > p > span.list_view_btn > i {
  font-size: 12px;
  cursor: pointer;
  margin-left: 5px;
}
.list .contract_list > ul > li > button.con_write_btn {
  width: 90px;
  height: 35px;
  background-color: #fff;
  color: #49361c;
  border-color: #49361c;
  font-weight: 900;
  font-size: 13px;
  cursor: pointer;
}
.list .contract_list > ul > li > button.disabled {
  border-color: #ccc;
  color: #ccc;
  cursor: default;
}
.store_pre_con_dt_wrap {
  width: 100%;
  float: left;
}
.store_pre_con_dt_wrap .top_info_wrap,
.store_pre_con_dt_wrap .bottom_list_wrap {
  width: 100%;
  float: left;
  padding: 40px 50px 15px 50px;
}
.store_pre_con_dt_wrap .bottom_list_wrap {
  padding-bottom: 50px;
}
.store_pre_con_dt_wrap .top_info_wrap {
  height: 133px;
}
.store_pre_con_dt_wrap .top_info_wrap > div {
  width: 100%;
  height: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  border-radius: 7px;
  padding: 0 35px;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul {
  width: 100%;
  height: 50px;
  float: left;
  top: 50%;
  transform: translateY(-50%);
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li {
  top: 50%;
  transform: translateY(-50%);
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) {
  width: 58%;
  float: left;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) > span {
  font-size: 18px;
  color: #000;
  margin-left: 5px;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(1) .icon > i {
  font-size: 18px;
  color: #666666;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2),
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(4) {
  text-align: right;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) {
  width: 25%;
  float: left;
  padding-right: 25px;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) > span {
  margin-left: 5px;
  font-size: 14px;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(2) .icon > i {
  font-size: 16px;
  color: #cccccc;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(3) {
  width: 1%;
  min-height: 20px;
  float: left;
  border-right: 1px solid #dfdfdf;
}
.store_pre_con_dt_wrap .top_info_wrap > div > ul > li:nth-child(4) {
  width: 16%;
  float: left;
  font-size: 14px;
  padding-left: 10px;
}
.store_pre_con_dt_wrap .bottom_list_wrap > div.tit {
  width: 100%;
  float: left;
}
.store_pre_con_dt_wrap .bottom_list_wrap > div.tit > span {
  font-size: 18px;
  color: #000000;
}
.store_pre_con_dt_wrap .bottom_list_wrap .type_list {
  margin-top: 15px;
}
p.confirmText {
  color: #1e3fb3;
}
p.noConfirmText {
  color: #cc3333;
}
/* 가맹 전 관리 end */

/* 계약서류 관리 start */
td.doc_preview_wrap {
  cursor: pointer;
}
td.doc_preview_wrap > i {
  font-size: 18px;
  color: #999999;
}
.con_royalty {
  width: 12% !important;
  text-align: right;
}
.con_royalty_percent {
  line-height: 35px;
  margin-left: 10px;
}
.con_store_name {
  background-color: #f8f8f8;
}
.con_tt_price_wrap {
  width: 100%;
  float: left;
}
.con_tt_price_wrap > div {
  width: 21%;
  float: left;
}
.con_tt_price_wrap > div:not(:nth-child(1)) {
  margin-left: 20px;
}
.con_tt_price_wrap > div > input.txtBox {
  width: 70%;
  float: left;
  margin-left: 10px;
  text-align: right;
}
.con_tt_price_wrap > div > span {
  float: left;
  line-height: 35px;
}
.con_tt_price_wrap > div > span:nth-child(1) {
  font-weight: 900;
}
.con_tt_price_wrap > div > span:nth-child(3) {
  font-weight: 400;
  margin-left: 5px;
}
.con_member_wrap {
  width: 100%;
  float: left;
}
.con_member_wrap:nth-child(1) {
  background-color: #fbfbfb;
}
.con_member_wrap .con_member_info_guide {
  width: 100%;
  float: left;
}
.con_member_wrap .con_member_info {
  width: 100%;
  height: 195px;
  float: left;
  border: 1px solid #e2e2e2;
  padding: 34px 30px;
  margin-top: 10px;
  border-radius: 10px;
}
.con_member_wrap .con_member_info > div {
  height: 100%;
  float: left;
}
.con_member_wrap .con_member_info > div.left {
  width: 70%;
}
.con_member_wrap .con_member_info > div.right {
  width: 30%;
}
.con_member_wrap .con_member_info > div.right > div {
  width: 60%;
  height: 100%;
  float: right;
  border-left: 1px solid #dedede;
}
.con_member_wrap .con_member_info > div.right > div > button {
  float: right;
  top: 50%;
  transform: translateY(-50%);
}
.con_member_wrap .con_member_info > div.right > div > button.delBtn {
  width: 150px;
  height: 35px;
  cursor: pointer;
  background: #fff;
}
.con_member_wrap .con_member_info > div.right > div > button > span {
  margin-left: 5px;
}
.con_member_wrap .con_member_info > div.right > div > button.delBtn > span,
.con_member_wrap .con_member_info > div.right > div > button.delBtn > i {
  color: #999999;
}
.con_member_wrap .con_member_info > div > div.info_1 {
  width: 100%;
  float: left;
}

.con_member_wrap
  .con_member_info.multiRow
  > div
  > div.info_1:not(:first-of-type) {
  margin-top: 15px;
}

.con_member_wrap .con_member_info > div > div.info_1 > div {
  width: 33.2%;
  float: left;
}
.con_member_wrap .con_member_info > div > div.info_2 {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.con_member_wrap .con_member_info > div > div > span,
.con_member_wrap .con_member_info > div > div > div > span {
  float: left;
  line-height: 35px;
  font-weight: 900;
}
.con_member_wrap .con_member_info > div > div > input.txtBox,
.con_member_wrap .con_member_info > div > div > div > input.txtBox {
  margin-left: 10px;
}
.con_member_wrap .con_member_info > div > div.info_1 > div > input.txtBox {
  width: 70%;
}
.con_member_wrap .con_member_info > div > div.info_2 > input.txtBox {
  width: 92.5%;
}
.con_member_wrap .con_member_info > div > div.info_2 > input.addr_dt {
  margin-top: 5px;
  margin-left: 33.5px;
}
.con_member_wrap .con_member_info > div > div.add_info_2 > input.addr {
  width: 76.7%;
}
.con_member_wrap .con_member_info > div > div.add_info_2 > button {
  width: 120px;
  height: 35px;
  margin-left: 10px;
  font-weight: 900;
  background-color: #fff;
  cursor: pointer;
}
.con_member_wrap .con_member_info > div > div > input.txtBox[readonly],
.con_member_wrap .con_member_info > div > div > div > input.txtBox[readonly],
.con_tt_price_wrap > div > input.txtBox[readonly] {
  background-color: #f8f8f8;
}
.con_member_wrap .con_member_info_guide > p {
  font-size: 9pt;
  color: #ccc;
}
.con_member_wrap .con_member_info_guide > p > span {
  font-size: 12px;
  color: #999999;
}
.con_member_wrap .con_member_info_guide > p:nth-child(2) {
  margin-left: 5px;
}
.con_radio_wrap > div {
  width: 400px !important;
  float: left !important;
}
.con_radio_wrap > div > select {
  min-width: 180px !important;
  float: none !important;
}
.doc_info_wrap > table > tbody > tr > td > i {
  color: #8e8e8e;
  font-size: 21px;
  margin-left: 10px;
  cursor: pointer;
}
/* 계약서류 관리 end */

/* 출점 관련 */

.sizeGuide {
  display: inline-block;
  vertical-align: middle;
  line-height: 40px;
  margin-left: 12px;
  font-size: 12px;
  color: #ccc;
  float: none !important;
  width: auto !important;
}

.map_marker_info {
  border-radius: 50px;
  padding: 0 25px;
  line-height: 33px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.map_marker_info img {
  position: absolute;
  width: 34px;
  height: 46px;
  left: 0;
  bottom: 100%;
  transform: translateY(50%);
}
.map_marker_info span {
  font-size: 14px;
  color: white;
  margin-left: 10px;
}

.img_preview_candidate {
  width: 100%;
  float: left;
}
.img_preview_candidate > ul {
  width: 100%;
  float: left;
}
.img_preview_candidate > ul > li {
  width: 23%;
  float: left;
}
.img_preview_candidate > ul > li:not(:first-of-type) {
  margin-left: 2.666%;
}
.img_preview_candidate > ul > li span {
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  min-width: 80px;
  text-align: center;
  line-height: 36px;
}

.brand_info {
  width: 100%;
  float: left;
}
.brand_info > ul {
  width: 100%;
  float: left;
}
.brand_info > ul > li {
  width: 23%;
  float: left;
}
.brand_info > ul > li:not(:first-of-type) {
  margin-left: 2.666%;
}
.brand_info > ul > li > div {
  width: 100%;
  float: left;
}
.brand_info > ul > li > div.brand_img {
  text-align: center;
}
.brand_info > ul > li > div.brand_img img {
  width: 100%;
  height: 250px;
}
.brand_info .brand_img span {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  min-width: 80px;
  text-align: center;
  line-height: 36px;
}

.brand_info .brand_details ul {
  width: 100%;
  float: left;
  border: 1px solid #e2e2e2;
  border-top: none;
}
.brand_info .brand_details li {
  float: left;
  text-align: center;
  line-height: 40px;
}
.brand_info .brand_details li.label {
  width: 40%;
  background-color: #f6f6f6;
  color: #000;
}
.brand_info .brand_details li.value {
  width: 60%;
  padding: 0 5px;
}

.barColor_bg.mg {
  width: 100%;
  height: 30px;
  line-height: 30px;
}
.checkboxArea {
  width: 25%;
  float: left;
}

.storeSelectFrm {
  width: 100%;
  float: left;
}
.storeSelectFrm.small {
  width: 400px;
}
.storeSelectFrm > div {
  width: 100%;
  float: left;
}
.storeSelectFrm > div > div {
  width: 100%;
  float: left;
}

.storeSelectFrm .searchInpArea input {
  border: none;
  border-bottom: 1px solid #d1d1d1;
}
.storeSelectFrm .searchInpArea i {
  position: absolute;
  right: 9px;
  top: 50%;
  transform: translateY(-50%);
}

.storeSelectFrm .searchStoreArea {
  position: absolute;
  top: calc(100% - 1px);
  border: 1px solid #d1d1d1;
  z-index: 100;
  background-color: white;
  padding: 0 10px;
  display: none;
}
.storeSelectFrm .searchStoreArea.active {
  display: block;
}
.storeSelectFrm .searchStoreArea > div {
  width: 100%;
  float: left;
}

.storeSelectFrm .ssa_top {
  line-height: 35px;
}
.storeSelectFrm .ssa_top h1 {
  width: 100%;
  float: left;
}
.storeSelectFrm .ssa_top .closeBtn {
  position: absolute;
  width: 25px;
  height: 25px;
  line-height: 23px;
  cursor: pointer;
  border-radius: 50px;
  border: 1px solid #ccc;
  text-align: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.storeSelectFrm .storeList {
  border-top: 1px solid #ccc;
  padding: 10px 0;
}
.storeSelectFrm .storeList > ul {
  width: 100%;
  float: left;
  height: 150px;
  overflow: auto;
}
.storeSelectFrm .storeList > ul > li {
  width: 100%;
  float: left;
  line-height: 30px;
  cursor: pointer;
  color: #ccc;
  text-align: left;
}
.storeSelectFrm .storeList > ul > li:hover {
  color: #333;
}
.storeSelectFrm .storeList > ul > li.active {
  color: #333;
}

.storeSelectFrm .storeResultArea {
  margin-top: 12px;
  display: none;
}
.storeSelectFrm .storeResultArea.active {
  display: block;
}
.storeSelectFrm .storeResultArea.single {
  background-color: #f8f8f8;
  border: 1px solid #ebebeb;
  line-height: 40px;
  padding-left: 15px;
  color: #868686;
}
.storeSelectFrm .storeResultArea .removeSimilarBtn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  font-size: 16px;
  color: #cc3333;
}

.borderb2 {
  border-bottom: 2px solid #f0f0f0;
}

/* 예상매출액 */
.contentWrap .content_box .con_table,
.contentWrap .content_box .con_subtitle,
.contentWrap .content_box .con_box,
.contentWrap .con_listbox,
.contentWrap .list_tablebox .data,
.contentWrap .list_tablebox .l_con {
  margin-top: 25px;
}
.contentWrap .content_box {
  width: 1000px;
  float: left;
  padding: 40px;
  border: 1px solid #000;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(/images/bg_img.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: 100%;
}
.contentWrap .content_box .con_box {
  width: 100%;
  float: left;
}
.contentWrap .content_box .con_title {
  width: 100%;
  float: left;
  font-size: 29px;
  font-weight: bold;
}
.contentWrap .content_box .con_table {
  width: 100%;
  float: left;
}
.contentWrap .content_box .con_subtitle {
  width: 100%;
  float: left;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: bold;
  text-align: left;
}
.contentWrap .content_box .con_subtitle .rectangle {
  margin-right: 8px;
  width: 15px;
  float: left;
  height: 15px;
  background: #000;
}
.contentWrap .con_table table {
  width: 100%;
  float: left;
  text-align: center;
  table-layout: fixed;
  border-collapse: collapse;
}
.contentWrap .con_table table td {
  font-size: 16px;
  padding: 7px;
  border: 1px solid #000;
}
.contentWrap .con_table table td.t_head {
  background: #d9d9d9;
  font-weight: bold;
}
.contentWrap .con_table .main_color {
  color: #ff0e0e;
  font-weight: bold;
  font-size: 16px;
}
.contentWrap .list_tablebox .point_color {
  background: #dbe5f1;
}
.contentWrap .con_table .t_right {
  text-align: right;
}
.contentWrap .con_listbox {
  width: 100%;
  float: left;
  font-size: 15px;
  text-align: left;
}
.contentWrap .con_listbox ul {
  width: 100%;
  float: left;
}
.contentWrap .con_listbox ul li {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.contentWrap .con_listbox ul li:nth-child(3) {
  margin-top: 50px;
}
.contentWrap .con_listbox ul li > div {
  width: 100%;
  float: left;
}
.contentWrap .con_listbox ul li span {
  font-size: 15px;
  line-height: 24px;
}
.contentWrap .con_listbox .num {
  width: 2.5%;
  float: left;
}
.contentWrap .con_listbox .contents {
  width: 97.5%;
  float: left;
}
.contentWrap .con_listbox .list_tablebox {
  width: 100%;
  float: left;
  margin-top: 50px;
}
.contentWrap .list_tablebox .l_title {
  font-size: 26px;
  text-align: center;
  text-decoration: underline;
}
.contentWrap .list_tablebox .data {
  text-align: right;
}
.contentWrap .list_tablebox .l_con {
  width: 100%;
  float: left;
}
.contentWrap .con_listbox .formula {
  margin: 20px 0;
  font-weight: bold;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.contentWrap .con_listbox .formula > div {
  width: auto;
  float: left;
  font-size: 16px;
}
.contentWrap .con_listbox .formula > div:nth-child(3) {
  width: 30%;
}
.contentWrap .con_listbox .formula > div:nth-child(5) {
  width: 30%;
}
.contentWrap .con_listbox .formula > div > p {
  font-size: 16px;
}
.contentWrap .con_listbox .formula > div > p:first-child {
  border-bottom: 1px solid #000;
  padding-bottom: 4px;
}

/* 가맹계약서 */
.stores_status .con_table {
  margin-top: 40px !important;
}
.stores_status .con_box {
  margin-top: 0 !important;
}
.stores_status .con_box .con_subtitle {
  margin-top: 0 !important;
}
.stores_status .contents {
  font-size: 15px;
  line-height: 28px;
  text-align: left;
  margin-top: 8px;
  margin-left: 20px;
}
.stores_status .contents span {
  font-size: 15px;
}
.stores_status .contents b {
  font-size: 15px;
}
.stores_status .contents.bottom {
  margin-top: 15px !important;
}
.stores_status .content_box .con_table.address {
  width: 95%;
  float: none !important;
  display: inline-block;
  vertical-align: middle;
}
.stores_status .content_box .con_table td {
  font-size: 15px;
}
.stores_status .content_box .con_table .text_left {
  text-align: left;
}
.stores_status .content_box .con_date {
  width: 100%;
  float: left;
  font-size: 19px;
  margin-top: 80px;
}
.stores_status .content_box .con_contract {
  width: 100%;
  float: left;
  margin-top: 140px;
  padding-left: 100px;
  text-align: left;
}
.stores_status .content_box .con_contract ul {
  width: 100%;
  float: left;
}
.stores_status .content_box .con_contract li {
  width: 100%;
  float: left;
  font-size: 17px;
}
.stores_status .content_box .con_contract li span {
  font-size: 17px;
  margin-left: 50px;
}
.stores_status .content_box .con_contract li:first-child {
  font-weight: bold;
}
.stores_status .content_box .con_contract li:not(:first-child) {
  margin-top: 13px;
}
.stores_status .content_box .contractor {
  width: 100%;
  float: left;
  text-align: center;
  font-size: 22px;
  margin-top: 60px;
  font-weight: bold;
}
.docImagePreview {
  width: 100%;
  float: left;
  max-width: 500px;
  margin-top: 10px;
  text-align: center;
  border: 1px solid #e9e9e9;
  padding: 20px;
  display: none;
}
.con_addr_inp[readonly] {
  background-color: #f8f8f8;
}
.required_icon > i {
  font-size: 12px;
  color: #cc3333;
}
.required_text {
  margin-left: 2px;
}
.list .contract_list > ul > li > p > span.list_view_btn > i {
  bottom: 1px;
}
/* 계약대상 뷰페이지 아이콘 크기조정  2024.07.25(목) 작업자 : 이재목 */

.type_view2 .view i.colortit {
  font-size: 18px;
}
.int_tit .tit {
  font-size: 18px;
  font-weight: bold;
  display: inline;
}
.pre_pop_btn {
  text-align: center;
  padding-bottom: 70px;
  margin-top: 50px;
}

/* 갱신안내문/거절안내문 */
.stores_status .content_box .con_title .top_logo {
  width: 80px;
}
.stores_status .content_box .top_con_info_1,
.stores_status .content_box .top_con_info_2 {
  width: 100%;
  float: left;
  margin-top: 30px;
}
.stores_status .content_box .top_con_info_1 > p {
  text-align: center;
}
.stores_status .content_box .top_con_info_2 {
  border-top: 6px solid #808080;
  border-bottom: 6px solid #808080;
}
.stores_status .content_box .top_con_info_2 .con_listbox_2 > li.title {
  margin-top: 30px;
  font-weight: 900;
}
.stores_status .con_box .con_listbox > li.center {
  text-align: center;
  margin: 30px 0;
}

.studytable .listNoData td {
  height: 200px;
  padding: 50px 0px;
  text-align: center;
}
.studytable .listNoData td p {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  font-size: normal;
}
.studytable .listNoData td p:not(:first-of-type) {
  margin-top: 10px;
}
.studytable .listNoData td p i {
  color: inherit;
  font-size: 45px;
}

.guideWrap2 {
  width: 100%;
  float: left;
  background-color: #fcfcfc;
  padding: 32px 60px;
}
.guideWrap2 div {
  width: 100%;
  float: left;
}
.guideWrap2 div table td.guideMemo {
  color: #666;
  font-size: 13px;
  width: 100%;
}
.guideWrap2 div table td.guideMemo * {
  color: inherit;
  font-size: inherit;
}
.guideWrap2 div table td.guideMemo h1 {
  line-height: 29px;
}

.store_info > span.headphone > i {
  cursor: pointer;
  margin-left: 5px;
}

.d_day_text {
  width: 100%;
  text-align: center;
  color: #ccc !important;
}
.check_table {
  width: 100%;
  float: left;
  margin-top: 50px;
}
.check_table > div {
  width: 30%;
  float: right;
}
.check_table > div > table {
  width: 100%;
  float: left;
}
.check_table > div > table > tbody > tr > th {
  padding: 10px 15px;
  background-color: #ececec;
  border: 1px solid #d3d3d3;
}
.check_table > div > table > tbody > tr > td {
  padding: 10px 15px;
  border: 1px solid #d3d3d3;
  font-weight: 400;
}
.check_table > div > table > tbody > tr > td > span.subText {
  color: #999999;
}

/* 매거진 수정 */
#imagePreview_thumbnail_file > img {
  max-width: 600px;
  max-height: 540px;
}

/* 설문조사 수정 */
.noticeSelectInp {
  width: calc(100% - 102px) !important;
}
.moveBtnWrap {
  width: 102px;
  float: left;
}
.moveBtnWrap > a {
  width: 100%;
  float: left;
}
.moveGuideWrap {
  width: 100%;
  float: left;
  margin-top: 5px;
  color: #ccc;
  font-size: 12px;
}

/* 오픈매장관리 start*/
.calendar_title_wrap {
  width: 100%;
  float: left;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}
.calendar_title_wrap > div.left {
  width: 30%;
  float: left;
}
.calendar_title_wrap > div.left > i {
  font-size: 19px;
  color: #222;
}
.calendar_title_wrap > div.left > span {
  font-weight: 900;
  font-size: 20px;
  color: #222;
  margin-left: 10px;
}
.calendar_title_wrap > div.right {
  width: 70%;
  float: right;
  text-align: right;
}
.calendar_title_wrap > div.right > div:nth-child(2) {
  width: 100px;
}
.calendar_title_wrap > div.right > div:nth-child(2) > span {
  color: #666666;
  font-size: 16px;
  font-weight: 900;
}
.calendar_title_wrap > div.right > div:nth-child(1) {
  max-width: calc(100% - 120px);
  margin-left: 10px;
  display: flex;
  overflow-x: auto;
  padding-bottom: 5px;
}
.calendar_title_wrap > div.right > div:nth-child(1) > div {
  width: auto;
  height: 25px;
  padding: 0 15px;
  display: flex;
  border-radius: 15px;
  margin-left: 5px;
}
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar-thumb {
  background-color: rgb(193 193 193);
}
.calendar_title_wrap > div.right > div:nth-child(1)::-webkit-scrollbar-track {
  background-color: rgb(241 241 241);
}
.calendar_title_wrap > div.right > div:nth-child(1) > div .num {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-width: 18px;
}
.calendar_title_wrap > div.right > div:nth-child(1) > div .num > span {
  font-size: 10px;
  color: #ffffff;
  display: flex;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 0 4px 0 2px;
}
.calendar_title_wrap > div.right > div:nth-child(1) > div .tit {
  color: #ffffff;
  padding: 0 5px;
  line-height: 25px;
  z-index: 9;
  white-space: nowrap;
  font-size: 13px;
}
.calendar_title_wrap > div.right > div:nth-child(1) > div > span {
  color: #ffffff;
}
.calendar_title_wrap > div.right .noData {
  background-color: #e7e7e7;
  width: 102px !important;
  text-align: center;
}
.calendar_title_wrap > div.right .noData .tit {
  color: #666666 !important;
}
.calendar_search_wrap {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.calendar_search_wrap > div {
  width: 100%;
  height: 85px;
  float: left;
  background-color: #f8f8f8;
  border: 1px solid #e2e2e2;
  padding: 10px 40px;
}
.calendar_search_wrap > div > div {
  float: left;
  top: 50%;
  transform: translateY(-50%);
}
.calendar_search_wrap > div .tit > span {
  font-size: 14px;
}
.calendar_search_wrap > div .search {
  margin-left: 20px;
}
.calendar_search_wrap > div .search > input {
  width: 450px;
}
.calendar_search_wrap > div .search > i {
  position: absolute;
  right: 15px;
  top: 10px;
}
.calendar_search_wrap > div .guide {
  margin-left: 20px;
}
.calendar_search_wrap > div .guide > span {
  font-size: 12px;
  color: #b7b7b7;
}
.calendar_view {
  margin-top: 30px;
}
.calendar_view .open_calendar_wrap {
  width: 81%;
  float: left;
}
.calendar_view .open_calendar_wrap .open_calendar {
  width: 100%;
  min-height: 810px;
  float: left;
}
.calendar_view .open_calendar_wrap .open_calendar .title {
  width: 100%;
  display: flex;
}
.calendar_view .open_calendar_wrap .open_calendar .title .date {
  width: 115px;
  float: left;
}
.calendar_view .open_calendar_wrap .open_calendar .title .date > span {
  font-weight: 900;
  font-size: 22px;
  color: #222;
}
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area {
  width: 225px;
  height: 30px;
  margin-left: 20px;
  float: left;
}
.calendar_view .open_calendar_wrap .open_calendar .title .btn_area > div {
  width: 33.33%;
  height: 100%;
  float: left;
  top: 50%;
  transform: translateY(-50%);
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .title
  .btn_area
  > div
  > button {
  width: 100%;
  height: 100%;
  float: left;
  background-color: #fff;
  border: 1px solid #cecece;
  cursor: pointer;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .title
  .btn_area
  > div:not(:nth-child(3))
  > button {
  border-right: none;
}
.calendar_view .open_calendar_wrap .open_calendar .title .select_area {
  width: calc(100% - 369px);
  height: 30px;
  margin-left: 20px;
  float: left;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .title
  .select_area
  .right
  > span {
  font-size: 14px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .title
  .select_area
  .right
  > select {
  min-width: 277px;
  height: 40px;
  margin-left: 10px;
  border-color: #d8d8d8;
  padding: 0 10px;
}
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap {
  width: 100%;
  height: 100%;
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title {
  width: 100%;
  float: left;
  padding-bottom: 7px;
  border-bottom: 1px solid #d0d0d0;
}
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .title > div {
  width: 14.28%;
  float: left;
  padding-left: 3px;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .title
  > div.blue {
  color: #3061bf;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .title
  > div.red {
  color: #c65252;
}
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week {
  width: 100%;
  display: flex;
  border-bottom: 1px solid #d0d0d0;
}
.calendar_view .open_calendar_wrap .open_calendar .calendar_wrap .week .day {
  width: 14%;
  min-height: 150px;
  flex: 1;
  padding-bottom: 20px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > p {
  padding: 5px 0 0 5px;
  font-weight: 900;
  line-height: 25px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.blue
  > p {
  color: #3061bf;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.blue
  > p
  > span {
  color: #3061bf;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.red
  > p {
  color: #c65252;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.red
  > p
  > span {
  color: #c65252;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.today
  > p
  > span.number {
  display: inline-block;
  width: 25px;
  color: #fff;
  border-radius: 20px;
  text-align: center;
  padding-right: 2px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.holiday
  > p {
  color: #c65252;
  font-weight: 900;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.holiday
  > p
  > span {
  color: #c65252;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.holiday
  > p
  > span.op-3 {
  opacity: 0.3;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.holiday
  > p
  > span.text {
  margin-left: 5%;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap {
  width: calc(100% + 1px);
  float: left;
  margin-top: 10px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.empty
  > div.bar_wrap {
  opacity: 0.3;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.hidden_text {
  overflow: hidden;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  > div.empty_bar {
  width: 100%;
  float: left;
  height: 25px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  > div.bar_tit {
  width: 100%;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  > div.bar_tit
  > i {
  color: #c7c7c7;
  font-size: 12px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  > div.bar_tit
  > span {
  color: #333333;
  margin-left: 3px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  .bar {
  width: 100%;
  float: left;
  height: 25px;
  cursor: pointer;
  white-space: nowrap;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  .bar
  > span {
  color: #fff;
  padding: 0 5px;
  line-height: 25px;
  z-index: 9;
  white-space: nowrap;
  font-size: 13px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  .bar
  .bar_number {
  width: 15px;
  height: 15px;
  float: left;
  border: 1px solid #ffffff;
  border-radius: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap
  .bar
  .bar_number
  > span {
  font-size: 10px;
  color: #ffffff;
  bottom: 5px;
  left: 1.5px;
  min-width: 9.1px;
  display: inline-block;
  text-align: center;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.start
  .bar {
  width: 100% - 25px;
  float: right;
  border-top-left-radius: 15px;
  border-bottom-left-radius: 15px;
  white-space: nowrap;
  padding-left: 5%;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.start
  .barIcon {
  width: 10px;
  height: 20px;
  float: left;
  margin-left: 10px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.start
  .barIcon
  > i {
  top: 50%;
  transform: translateY(-50%);
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.end
  .bar {
  float: left;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #fff;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.end
  .barIcon {
  margin-right: 5px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day
  > div.bar_wrap.oneDay
  .bar {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
  color: #fff;
  padding-right: 5px;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day:not(:last-child) {
  border-right: 1px solid #d0d0d0;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.empty {
  width: 14.28%;
  flex: 1;
}
.calendar_view
  .open_calendar_wrap
  .open_calendar
  .calendar_wrap
  .week
  .day.empty
  > p
  > span.op-3 {
  opacity: 0.3;
}
.calendar_view .info_wrap {
  width: 19%;
  float: left;
  padding-left: 20px;
}
.calendar_view .info_wrap .pin_wrap {
  width: 100%;
  float: left;
  padding: 5px;
}
.calendar_view .info_wrap .pin_wrap.right {
  float: right;
}
.calendar_view .info_wrap .pin_wrap > div {
  width: 33.33%;
  float: left;
  text-align: center;
}
.calendar_view .info_wrap .pin_wrap > .prev > i {
  color: #3061bf;
}
.calendar_view .info_wrap .pin_wrap > .late > i {
  color: #e13a3a;
}
.calendar_view .info_wrap .pin_wrap > .normal > i {
  color: #c7c7c7;
}
.calendar_view .info_wrap .pin_wrap > div > i {
  font-size: 14px;
}
.calendar_view .info_wrap .pin_wrap > div > span {
  margin-left: 5px;
  font-size: 13px;
  color: #afafaf;
}
.calendar_view .info_wrap .info_inner {
  width: 100%;
  float: left;
  min-height: 1000px;
  padding: 7% 5%;
  background-color: #f6f6f6;
  margin-top: 20px;
}
.calendar_view .info_wrap .info_inner .info_guide {
  width: 100%;
  float: left;
  height: 43px;
  background-color: #fff;
  border-radius: 5px;
}
.calendar_view .info_wrap .info_inner .info_guide > div {
  width: 100%;
  float: left;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
}
.calendar_view .info_wrap .info_inner .info_guide > div > span {
  color: #cccccc;
  font-size: 12px;
}
.calendar_view .info_wrap .info_inner .info_color {
  width: 100%;
  float: left;
  margin-top: 10px;
}
.calendar_view .info_wrap .info_inner .info_color > div {
  width: 100%;
  float: left;
  padding: 5px 15px;
  border-radius: 10px;
  cursor: pointer;
  margin-top: 5px;
}
.calendar_view .info_wrap .info_inner .info_color > div.active {
  background-color: #e6e6e6;
}
.calendar_view .info_wrap .info_inner .info_color > div > div.square {
  width: 15px;
  height: 15px;
  float: left;
  background-color: #ccc;
  top: 2px;
  border-radius: 2px;
}
.calendar_view .info_wrap .info_inner .info_color > div > div.title {
  width: calc(100% - 20px);
  margin-left: 5px;
  float: left;
}
.calendar_view .info_wrap .info_inner .info_color > div > div.title > span {
  font-size: 14px;
}
.calendar_view .info_wrap .info_inner .main_tit {
  width: 100%;
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #cccccc;
}
.calendar_view .info_wrap .info_inner .main_tit .left {
  width: 50%;
  float: left;
  line-height: 30px;
}
.calendar_view .info_wrap .info_inner .main_tit .left > span {
  font-weight: 900;
  font-size: 18px;
  vertical-align: bottom;
  line-height: normal;
}
.calendar_view .info_wrap .info_inner .main_tit .right {
  width: 50%;
  float: right;
  text-align: right;
  line-height: 30px;
  white-space: nowrap;
}
.calendar_view .info_wrap .info_inner .main_tit .right > span {
  font-size: 13px;
  vertical-align: bottom;
  line-height: normal;
  color: #666666;
}
.calendar_view .info_wrap .info_inner .main_tit .right > span:nth-child(2) {
  color: #999999;
}
.calendar_view .info_wrap .info_inner .sub_tit {
  width: 100%;
  float: left;
  margin-top: 15px;
}
.calendar_view .info_wrap .info_inner .sub_tit {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.calendar_view .info_wrap .info_inner .sub_tit .left {
  width: 100%;
  float: left;
}
.calendar_view .info_wrap .info_inner .sub_tit .left .store > span {
  font-size: 15px;
}
.calendar_view .info_wrap .info_inner .sub_tit .left .store .icon > i {
  color: #999999;
}
.calendar_view .info_wrap .info_inner .sub_tit .left .store .store_name {
  color: #333333;
  margin-left: 5px;
}
.calendar_view .info_wrap .info_inner .sub_tit .left .member {
  color: #666666;
  font-size: 13px;
  margin-top: 5px;
}
.calendar_view .info_wrap .info_inner .sub_tit .left .member > span {
  color: #999999;
  font-size: 13px;
}
.calendar_view .info_wrap .info_inner .line_box_wrap {
  width: 100%;
  float: left;
}
.calendar_view .info_wrap .info_inner > div:nth-child(3) {
  margin-top: 20px;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .left {
  width: 10%;
  min-height: 150px;
  float: left;
  text-align: center;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .left .circle_wrap {
  width: 100%;
  float: left;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .left
  .circle_wrap
  .circle {
  width: 15px;
  height: 15px;
  float: left;
  border: 3px solid #bebebe;
  border-radius: 15px;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .left .line_wrap {
  width: 100%;
  float: left;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .left .line_wrap .line {
  width: 1px;
  height: 160px;
  float: left;
  border-left: 1px solid #e2e2e2;
  left: 7px;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .right {
  width: 90%;
  float: right;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div {
  width: 100%;
  float: left;
  padding: 10px 0;
}
.calendar_view .info_wrap .info_inner .line_box_wrap .right > div .box {
  width: 100%;
  min-height: 150px;
  padding: 20px 20px;
  float: left;
  background-color: #ffffff;
  border-radius: 15px;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .tit_wrap {
  width: 100%;
  float: left;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .tit_wrap
  .tit {
  float: left;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .tit_wrap
  .tit
  > span {
  font-weight: 900;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .tit_wrap
  .status {
  float: right;
  border: 1px solid;
  padding: 2px 10px;
  border-radius: 15px;
  line-height: 15px;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .tit_wrap
  .status
  > span {
  font-weight: 900;
  font-size: 11px;
  vertical-align: bottom;
  line-height: normal;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .date_wrap {
  width: 100%;
  float: left;
  text-align: right;
  padding: 0 5px;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .date_wrap
  > span {
  font-size: 11px;
  color: #cccccc;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .guide_wrap {
  width: 100%;
  min-height: 65px;
  float: left;
  margin-top: 5px;
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 5%;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .guide_wrap
  .icon {
  width: 10%;
  float: left;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .guide_wrap
  .icon
  > span
  > i {
  color: #dedede;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .guide_wrap
  .text {
  width: 90%;
  float: left;
}
.calendar_view
  .info_wrap
  .info_inner
  .line_box_wrap
  .right
  > div
  .box
  .guide_wrap
  .text
  > p {
  color: #999999;
  font-size: 13px;
}
.open_calendar_popup {
  width: 300px;
  min-height: 100px;
  padding: 20px 25px;
  position: absolute;
  background-color: #f8f8f8;
  box-shadow: 1px 2px 4.75px 0.25px rgba(0, 0, 0, 0.07);
  display: none;
  z-index: 10;
  max-height: 400px;
  overflow-y: auto;
}
.open_calendar_popup::-webkit-scrollbar {
  width: 5px;
}
.open_calendar_popup::-webkit-scrollbar-thumb {
  background-color: rgb(193 193 193);
}
.open_calendar_popup::-webkit-scrollbar-track {
  background-color: rgb(241 241 241);
}
.open_calendar_popup .title {
  width: 100%;
  float: left;
  padding: 0 0 10px 5px;
}
.open_calendar_popup .title > p {
  font-size: 15px;
  font-weight: 900;
}
.open_calendar_popup .contents {
  width: 100%;
  height: 61px;
  float: left;
  padding: 10px 0;
  border-bottom: 1px solid #d4d4d4;
}
.open_calendar_popup .no_data_wrap {
  width: 100%;
  height: 100%;
  float: left;
  padding: 10px 0;
}
.open_calendar_popup .no_data_wrap .no_data {
  width: 100%;
  float: left;
}
.open_calendar_popup .no_data_wrap .no_data > p {
  text-align: center;
}
.open_calendar_popup .no_data_wrap .no_data .icon > i {
  font-size: 30px;
  color: #ccc;
}
.open_calendar_popup .no_data_wrap .no_data .text {
  font-size: 18px;
  color: #ccc;
  margin-top: 10px;
}
.open_calendar_popup .contents > div {
  float: left;
  text-align: center;
}
.open_calendar_popup .contents .check_wrap {
  width: 10%;
}
.open_calendar_popup .contents .check_wrap > i {
  line-height: 40px;
  font-size: 15px;
}
.open_calendar_popup .contents .text_wrap {
  width: 60%;
  text-align: left;
  padding: 0 2px 0 10px;
  top: 50%;
  transform: translateY(-50%);
}
.open_calendar_popup .contents .text_wrap > p.icon > i {
  color: #d1d1d1;
  font-size: 35px;
}
.open_calendar_popup .contents .text_wrap > p.text {
  color: #d1d1d1;
  margin-top: 10px;
}
.open_calendar_popup .contents .text_wrap.no_data {
  width: 100%;
  text-align: center;
}
.open_calendar_popup .contents .text_wrap > p {
  font-size: 13px;
}
.open_calendar_popup .contents .text_wrap > p.main {
  color: #333333;
}
.open_calendar_popup .contents .text_wrap > p.sub {
  color: #666666;
  margin-top: 2px;
}
.open_calendar_popup .contents .date_wrap {
  width: 30%;
}
.open_calendar_popup .contents .date_wrap > span {
  line-height: 40px;
  color: #999999;
  font-size: 13px;
}
.linked_bar {
  margin-top: 19px;
}

.scroll_list_wrap {
  border: 1px solid #e2e2e2;
  overflow: hidden;
}

.scroll_list_wrap.left_table {
  border-radius: 30px 0 0 30px;
  border-right: none;
  width: 25%;
}

.scroll_list_wrap.right_table {
  border-radius: 0 30px 30px 0;
  width: 75%;
  overflow-x: auto;
}

.scroll_list_wrap::-webkit-scrollbar {
  height: 2px;
}

.scroll_list_wrap::-webkit-scrollbar-thumb {
  background-color: rgb(193, 193, 193);
  border-radius: 999px;
}

.scroll_list_wrap::-webkit-scrollbar-track {
  background-color: rgb(241, 241, 241);
  margin-right: 25px;
}

.scroll_list_wrap > div > table > thead > tr > th {
  padding: 0 10px;
}
.scroll_list_wrap > div > table > thead > tr > th.darkHeader {
  background-color: #f8f8f8;
}
.scroll_list_wrap > div > table > thead > tr > th.darkHeader2 {
  background-color: #eeeeee;
  color: #666666;
  font-weight: normal;
  height: 30px !important;
}
.scroll_list_wrap > div > table > thead > tr > th.whiteHeader {
  background-color: #ffffff;
  height: 90px !important;
}
.scroll_list_wrap > div > table > tbody > tr > td {
  padding: 0 !important;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bar,
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub {
  width: 100%;
  float: left;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub {
  margin-top: 5px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub > span {
  color: #757575;
  font-size: 11px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bar,
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub > i {
  font-size: 12px;
  color: #ccc;
  margin-right: 5px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.barSub {
  padding: 0 5px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bar {
  background-color: #ccc;
}
.scroll_list_wrap.right_table
  > div
  > table
  > tbody
  > tr:not(.listNoData)
  > td:not(.noHover):hover {
  cursor: pointer;
  background-color: #f6f9ff;
}
.round_list .listSet .rightBox .pin_wrap {
  width: 250px;
  padding-left: 5px;
}
.round_list .list table thead tr:first-of-type th {
  border-top: 0;
}
.round_list .listSet .rightBox div:not(:first-of-type) {
  margin-left: 0 !important;
}
.round_list .list table tbody tr:last-child td {
  border-bottom: none;
}
.round_list .list table tbody td:not(:first-of-type),
.round_list .list table thead th:not(:first-of-type) {
  border-left: 1px dashed #e2e2e2 !important;
}
.round_list .list table tbody td {
  padding: 0;
  height: 70px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bar {
  height: 11px;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bar_bt_text {
  float: left;
  width: 100%;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bt_text_1 {
  color: #aaaaaa !important;
}
.scroll_list_wrap > div > table > tbody > tr > td > p.bt_text_2 {
  color: #d9d9d9 !important;
}
.scroll_list_wrap.left_table > div > table > thead,
.scroll_list_wrap.right_table > div > table > thead {
  height: 120px;
}
.scroll_list_wrap.right_table > div > table > thead > tr:nth-child(1) > th {
  font-size: 12px;
}
.scroll_list_wrap > div > table > thead > tr > th > div.number {
  float: left;
  width: 100%;
  text-align: center;
}
.scroll_list_wrap.right_table
  > div
  > table
  > thead
  > tr
  > th
  > div.number
  > div {
  display: inline-flex;
  border: 1px solid #b7b7b7;
  border-radius: 10px;
  width: 15px;
  height: 15px;
}
.scroll_list_wrap.right_table
  > div
  > table
  > thead
  > tr
  > th
  > div.number
  > div
  > span {
  color: #666666;
  font-size: 9px;
  min-width: 8.6px;
  left: 1.5px;
}
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.title {
  float: left;
  width: 100%;
  height: 40px;
  padding: 2px 5px 0 5px;
}
.scroll_list_wrap.right_table > div > table > thead > tr > th > div.title > p {
  font-size: 12px;
}
.scroll_list_wrap.right_table > div > table > tbody > tr:last-child > td {
  height: 69px;
}
.scroll_list_wrap.right_table > div > table > tbody > tr.listNoData > td {
  height: 200px;
}
.round_list .list table thead th {
  padding: 0 !important;
}
.round_list .list table tbody tr td .st_name {
  color: #000000;
  font-size: 14px;
}
.round_list .list table tbody tr td .calendarBtn {
  margin-left: 5px;
}
.round_list .list table thead tr:not(:first-of-type) th:first-of-type {
  border-left: 0 !important;
}
.op_cp_list .list table tbody tr td .calendarBtn {
  margin-left: 5px;
}
/* 오픈매장관리 end */

/* 엑셀 다운 비활성화 */
.dis_exceldown {
  float: left;
  border: 1px solid;
  background-color: #fff;
  line-height: 35px;
  font-weight: bold;
  color: #cccccc;
  width: 130px;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.dis_exceldown > i {
  color: #cccccc;
  margin-right: 5px;
}

/* 물류 카테고리관리 UI */
.basicSortWrap {
  width: 100%;
  float: left;
}

.basicSortWrap h1.tit {
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000;
}
.basicSortWrap div.bsw_wrap {
  margin-top: 20px;
  border-top: 1px solid #333;
}
.basicSortWrap > div {
  width: 100%;
  float: left;
}
.basicSortWrap > div > div {
  width: 100%;
  float: left;
}

.basicSortWrap .bsw_left {
  width: 35%;
  float: left;
}
.basicSortWrap .bsw_left .bsw_write * {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.bsw_left div.bsw_wrap {
  background-color: #f8f8f8;
  padding: 0 24px;
}
.bsw_left div.bsw_wrap > div {
  width: 100%;
  float: left;
}
.bsw_left div.bsw_wrap > div:not(:first-of-type) {
  border-top: 1px solid #dedede;
}

/* 대분류 추가 버튼 있는 영역 */
.bsw_left .bsw_btn_box {
  padding: 20px 0;
}
.bsw_left .bsw_btn_box > * {
  float: left;
}
.bsw_left .bsw_btn_box .line {
  height: 35px;
  line-height: 35px;
  width: 1px;
  background-color: #dedede;
  margin-left: 10px;
}
.bsw_left .bsw_btn_box .deleteItem {
  font-weight: 400;
  width: 70px;
  background-color: #f5f5f5;
  font-size: 13px;
  padding: 0 15px;
}

/* 카테고리 디렉토리 구조 부분 */
.bsw_left .bsw_write {
  padding: 20px 0;
}
.bsw_left .bsw_write > div {
  width: 100%;
  float: left;
  height: 550px;
  overflow-y: auto;
}
.bsw_left .bsw_write > div > form {
  width: 100%;
  float: left;
  height: 100%;
}
.bsw_left .bsw_write > div > form > div {
  width: 100%;
  float: left;
}

.bsw_left .bsw_write .nonData {
  width: 100%;
  float: left;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}
.bsw_left .bsw_write .nonData span {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  font-size: normal;
}
.bsw_left .bsw_write .nonData span:not(:first-of-type) {
  margin-top: 10px;
}
.bsw_left .bsw_write .nonData span i {
  color: inherit;
  font-size: 45px;
}

.bsw_left .cate_depth_box.active > div.cate_box .cate_info {
  box-shadow: inset 0 0 0 2px #ad7c33;
  background-color: rgba(173, 124, 51, 0.1);
}
.bsw_left .cate_depth_box.active > div.cate_box .cate_info span {
  color: #ad7c33 !important;
}

.bsw_left .cate_depth_box.useN * {
  color: #ccc !important;
  cursor: default !important;
}

.bsw_left .cate_depth_box {
  float: right;
}
.bsw_left .depth1 > div {
  width: 100%;
}
.bsw_left .depth2 > div {
  width: 90%;
}
.bsw_left .depth3 > div {
  width: 89%;
}
.bsw_left .depth3 {
  right: 0 !important;
  left: unset !important;
}

.bsw_left .cate_box {
  float: right;
}
.bsw_left div.cate_box {
  margin-top: 12px;
}
.bsw_left .cate_box > div {
  float: left;
  line-height: 40px;
}

.bsw_left .cate_box i {
  font-size: 18px;
}
.bsw_left .cate_box .folder_icon {
  padding: 0 10px;
  text-align: center;
}
.bsw_left .cate_box .folder_icon i {
  color: #a6a6a6;
}
.bsw_left .cate_box .cate_info {
  width: calc(100% - (37px * 2));
  box-shadow: inset 0 0 0 1px #ccc;
  padding: 0 15px;
  cursor: pointer;
  background-color: #f8f8f8;
}
.bsw_left .cate_info .cate_name {
  width: auto;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 93%;
}
.bsw_left .cate_info .cate_name span {
  color: black;
}
.bsw_left .cate_info .cate_move {
  width: auto;
  float: right;
}
.bsw_left .cate_info .cate_move i {
  color: #d4d4d4;
}
.bsw_left .cate_box .plus_icon {
  padding: 0 10px;
  text-align: center;
}
.bsw_left .cate_box .plus_icon i {
  cursor: pointer;
}

.basicSortWrap .bsw_right {
  width: 60%;
  float: right;
}

.category_set_box {
  width: 100%;
  float: left;
}
.category_set_box > ul {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e2e2e2;
}
.category_set_box > ul > li {
  float: left;
  line-height: 65px;
  height: 65px;
}
.category_set_box > ul li.label {
  width: 30%;
  background-color: #f6f6f6;
  text-align: center;
  color: #000;
}
.category_set_box > ul li.value {
  width: 70%;
  padding: 0 24px;
}
.category_set_box > ul li.value > * {
  top: 50%;
  transform: translateY(-50%);
}
.category_set_box > ul li.value input {
  width: 100%;
  float: left;
}

.category_set_btn_box {
  width: 100%;
  float: left;
  text-align: right;
  margin-top: 60px;
}

.menu_category {
  width: 100%;
  float: left;
  border-top: 1px solid #000;
}

.menu_category .category_top {
  width: 100%;
  float: left;
}
.menu_category .category_top ul {
  width: calc(100% / 3);
  height: 225px;
  overflow-y: auto;
  float: left;
  border-right: 1px solid #dfdfdf;
}
.menu_category .category_top ul:first-child {
  border-left: 1px solid #dfdfdf;
}
.menu_category .category_top ul::-webkit-scrollbar {
  width: 13px;
  background: #f1f1f1;
}
.menu_category .category_top ul::-webkit-scrollbar-thumb {
  background: #c1c1c1;
}
.menu_category .category_top ul li {
  width: 100%;
  float: left;
  line-height: 45px;
  padding-left: 35px;
  color: #000;
  cursor: pointer;
}

.menu_category .category_top ul li.active {
  font-weight: bold;
}

.menu_category .category_bottom {
  width: 100%;
  float: left;
  background: #ececec;
  padding: 20px 0;
  line-height: 30px;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
}
.menu_category .category_bottom ul {
  width: 100%;
  float: left;
  padding-left: 40px;
}
.menu_category .category_bottom ul li {
  float: left;
  color: #000;
}
.menu_category .category_bottom ul li.line {
  width: 1px;
  height: 30px;
  background: #cfcfcf;
  margin: 0 20px;
}

/* 레시피 등록시 재료 선택 영역 */
.ingredientNoData td {
  text-align: center;
  height: 200px;
}
.ingredientNoData td p {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
}
.ingredientNoData td p:not(:first-of-type) {
  margin-top: 10px;
}
.ingredientNoData td p i {
  color: inherit;
  font-size: 45px;
}

.ingredientSelect {
  background-color: #f8f8f8;
  border: 1px solid #e2e2e2 !important;
  padding: 12px 55px;
}
.ingredientSelect > div {
  display: inline-block;
  vertical-align: middle;
  min-width: 70px;
}
.ingredientSelect > div input {
  float: left;
  height: 40px;
}

.ingredientSelect .is_box {
  width: 100%;
  float: left;
}
.ingredientSelect .is_box > i {
  position: absolute;
  font-size: 15px;
  right: 11px;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  cursor: pointer;
}
.ingredientSelect .is_tit {
  font-size: 14px;
  color: black;
}
.ingredientSelect .is_memo {
  font-size: 12px;
  color: #b7b7b7;
  margin-left: 30px;
}

.is_result {
  position: absolute;
  width: 100%;
  top: 100%;
  background-color: white;
  z-index: 999;
  border: 1px solid #ccc;
  border-top: none;
  display: none;
}
.is_result .close_is_result {
  width: 100%;
  float: left;
  line-height: 30px;
  text-align: right;
  padding-right: 10px;
}
.is_result .close_is_result i {
  cursor: pointer;
  color: #999;
}
.is_result .is_result_list {
  width: 100%;
  float: left;
  max-height: 350px;
  overflow-y: auto;
  border-top: 1px solid #e2e2e2;
}
.is_result .is_result_list li {
  padding: 10px;
  cursor: pointer;
}
.is_result .is_result_list li.active {
  color: #ccc;
}
.is_result .is_result_list li:not(:first-of-type) {
  border-top: 1px solid #e2e2e2;
}
.is_result .is_result_list li:hover {
  background-color: #f8f8f8;
}
.is_result .is_result_list .no_results {
  display: none;
}

.ingredientTable .remove_ingredient {
  color: #bfbfbf;
}

/* 포스 메뉴 연동 css*/
.info_store_menu .week_day .pos_menu_top {
  width: 100%;
  float: left;
  border-bottom: 1px solid #e9e9e9;
  padding-bottom: 15px;
}
.info_store_menu .week_day .pos_menu_top .pos_menu_txt {
  width: auto;
  float: right;
}
.info_store_menu .week_day .pos_menu_top .pos_menu_txt .pos_synch_btn {
  width: 110px;
  height: 25px;
  float: right;
  border-radius: 20px;
  border: 1px solid #d7d7d7;
  background-color: #eeeeee;
  margin-left: 10px;
  padding: 0px 15px;
  color: #b9b9b9;
  font-size: 12px;
  font-weight: bold;
  line-height: 25px;
  cursor: pointer;
}
.info_store_menu .week_day .pos_menu_top .pos_menu_txt .pos_synch_btn i {
  margin-right: 3px;
  color: #b9b9b9;
  font-size: 12px;
}
.info_store_menu .week_day .pos_menu_list {
  width: 100%;
  float: left;
  margin-top: 5px;
}
.info_store_menu .week_day .pos_menu_list ul {
  width: 100%;
  float: left;
}
.info_store_menu .week_day .pos_menu_list li {
  width: 50%;
  float: left;
  margin-top: 10px;
}
.info_store_menu .week_day .pos_menu_list p {
  width: 100%;
  float: left;
  color: #d1d1d1;
  font-size: 15px;
  text-align: center;
  margin-top: 30px;
}
.info_store_menu .week_day .pos_menu_list p:not(:first-of-type) {
  margin-top: 10px;
}
.info_store_menu .week_day .pos_menu_list p i {
  color: inherit;
  font-size: 45px;
}
.info_store_menu .week_day .pos_menu_top .pos_menu_left {
  float: left;
  width: calc(100% - 120px);
}
.info_store_menu .week_day .pos_menu_top .pos_menu_left i {
  float: left;
  line-height: 19px;
  font-size: 20px;
}
.info_store_menu .week_day .pos_menu_top .pos_menu_left p {
  min-width: 267px;
  float: right;
  color: #cccccc;
  font-size: 12px;
  line-height: 27px;
}

.support_top .operating_info .info_tap * > li.active {
  font-weight: bold;
}

/* 오픈매장목록 > 완료보고서 */
.inOutImgTab {
  width: calc(40% - 15px) !important;
  height: 1040px !important;
  margin-left: 15px !important;
}
.inOutImgTab > div {
  width: 100%;
  margin-top: 0px !important;
  float: left;
  padding: 10px;
}
.inOutImgTab .outImgWrap,
.inOutImgTab .inImgWrap {
  height: 50%;
}
.inOutImgTab .outImgWrap .imgWrap {
  width: 100%;
  height: 100%;
  float: left;
  border: 1px solid #e9e9e9;
}
.inOutImgTab .outImgWrap .imgWrap > img {
  float: left;
  max-height: 100%;
  top: 50%;
  left: 50%;
  padding: 10px;
  transform: translate(-50%, -50%);
}
.inOutImgTab .inImgWrap .row:not(:nth-child(1)) {
  margin-top: 10px;
}
.inOutImgTab .inImgWrap .row .imgWrap {
  width: calc(50% - 5px);
  height: 100%;
  padding: 10px;
  float: left;
  border: 1px solid #e9e9e9;
}
.inOutImgTab .inImgWrap .row .imgWrap:nth-child(2) {
  margin-left: 10px;
}
.inOutImgTab .inImgWrap .row .imgWrap > img {
  float: left;
  max-height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.inOutImgTab .inImgWrap .row {
  width: 100%;
  float: left;
}

/* 통계 - 신규점현황 */
.onlyDivLine {
  width: 100%;
  float: left;
  height: 1px;
  margin: 5px 0 10px 0;
  padding-right: 60px;
}
.onlyDivLine > div {
  width: 100%;
  float: left;
  height: 1px;
  background: #f1f1f1;
}
.mgt-none {
  margin-top: 0 !important;
}
.chartSubTit {
  width: 100%;
  float: left;
  padding: 40px 60px 20px 60px;
}
.chartSubTit .text {
  float: left;
  font-size: 18px;
  color: #000000;
  height: 24px;
}
.chartSubTit .text .squareIcon {
  float: left;
  width: 9px;
  height: 9px;
  background-color: #646464;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 3px;
  margin-right: 10px;
}

/* 상세검색 커스텀 */
.contentWrap.dashboardver2 .contentBox {
  padding: 35px 45px;
}
.dashboardver2 .tit {
  font-size: 18px;
  font-weight: bold;
  color: #000;
}
.dashboardver2 .tilde {
  float: left;
  padding: 0px 12px;
  line-height: 35px;
}
.data_search_wrap2 {
  width: 100%;
  float: left;
  margin-top: 20px;
  padding: 0 7px;
}
.data_search_wrap2 form {
  width: 100%;
  float: left;
  height: 100%;
}
.data_search_wrap2 .search_values_wrap {
  width: 80%;
  float: left;
}
.data_search_wrap2 ul {
  width: 100%;
  float: left;
}
.data_search_wrap2 ul > li.detail_search {
  width: 100%;
  float: left;
}
.data_search_wrap2 ul > li.detail_search:nth-child(1) {
  margin-top: 0px;
}
.data_search_wrap2 ul > li.detail_search span.reg_term {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  float: left;
  min-width: 90px;
  line-height: 32px;
}
.data_search_wrap2 ul > li.detail_search div.shbox {
  float: left;
  min-width: 110px;
}
.data_search_wrap2 ul > li.detail_search div.shbox2 {
  min-width: 460px;
}
.data_search_wrap2 .storeSelectFrm .searchInpArea input {
  border: 1px solid #d8d8d8;
}
.data_search_wrap2 .storeSelectFrm .searchInpArea .searchStoreArea {
  width: 100%;
  min-width: 280px;
}
.data_search_wrap2 .storeSelectFrm .searchInpArea .searchStoreArea ul li {
  padding: 0 !important;
}
.data_search_wrap2 li.detail_search > ul {
  width: 100%;
  float: left;
}
.data_search_wrap2 li.detail_search > ul li {
  float: left;
  padding: 7px 0px;
}
.data_search_wrap2 .search_Btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  width: 20%;
  height: 100%;
}
.data_search_wrap2 .search_Btn::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 200px;
  background-color: #ebebeb;
}
.data_search_wrap2 .search_Btn::after {
  top: 50%;
  transform: translateY(-50%);
  bottom: 0;
  left: 0;
}
.data_search_wrap2 .search_Btn button {
  top: 50%;
  transform: translateY(-50%);
  color: #fff;
  border: none;
  width: 130px;
  height: 40px;
  line-height: 32px;
  font-weight: 500;
  font-size: 14px;
  text-align: center;
  cursor: pointer;
}
.data_search_wrap2 .input_wrap {
  float: left;
  margin-right: 15px;
}
.search_date_style_2 .detail_search_date span.date_select_btn {
  width: 50px;
  height: 32px;
  line-height: 32px;
  float: left;
  background-color: #ebebeb;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
  cursor: pointer;
}
.search_date_style_2 .detail_search_date span.date_select_btn.active {
  color: #fff;
}
.data_search_wrap2 li.detail_search .txtBox {
  height: 32px;
  line-height: 32px;
}
.data_search_wrap2 li.detail_search .shbox2 .txtBox {
  width: 100%;
}

.open-chart-btn-wrap {
  float: left;
}
.open-chart-btn-wrap button {
  cursor: pointer;
  padding: 5px 20px;
}
.open-chart-btn-wrap button:not(:nth-child(1)) {
  margin-left: 5px;
}
.total-open-table-wrap {
  width: 160px;
  position: absolute;
}
.total-open-table-wrap table tbody tr td {
  border: 1px solid #cccccc;
  text-align: center;
  padding: 5px 0;
  font-weight: 900;
}
.total-open-table-wrap table tbody tr td:nth-child(1) {
  background-color: #f8f8f8;
}
.fw-900 {
  font-weight: 900 !important;
}

/* 통계 - ASPS, CompS */
.chartDashBoart {
  width: 100%;
  float: left;
  padding: 0 60px;
}
div.upValue,
div.downValue {
  float: left;
  width: 100%;
}
div.upValue,
div.upValue .icon {
  color: #cc3333;
}
div.downValue,
div.downValue .icon {
  color: #1e3fb3;
}
div.downValue .icon,
div.upValue .icon {
  font-size: 10px;
}
.searchWrapLine {
  width: 97%;
  position: absolute;
  top: 45px;
  height: 1px;
  border-bottom: 1px solid #ebebeb;
}
.aspsCompChartWrap {
  overflow-x: auto !important;
}
.aspsCompChartWrap::-webkit-scrollbar {
  height: 5px;
}
.aspsCompChartWrap::-webkit-scrollbar-thumb {
  background-color: rgb(193, 193, 193);
  border-radius: 999px;
}
.aspsCompChartWrap::-webkit-scrollbar-track {
  background-color: rgb(241, 241, 241);
}
.aspsCompChartLeftWrap {
  overflow-x: scroll;
}
.aspsCompChartLeftWrap::-webkit-scrollbar {
  height: 5px;
}
.aspsCompChartLeftWrap::-webkit-scrollbar-thumb {
  background-color: rgb(241, 241, 241);
}
.aspsCompChartLeftWrap::-webkit-scrollbar-track {
  background-color: rgb(241, 241, 241);
}
.searchWrapMonthSelect {
  margin-left: 10px;
}
.lhs_ss_date,
.lhs_ee_date {
  float: left;
}
.lhs_list_left {
  width: 70px;
  border-right: 1px solid #e2e2e2;
}
.lhs_list_left > div > div > table > tbody > tr > th {
  height: 90px;
  background-color: #f8f8f8;
  color: #333;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
.lhs_list_right {
  width: calc(100% - 70px);
}
.dashboardBox .lhs-dbr .val {
  color: #333;
}
.dashboardBox .lhs-dbr .val.red {
  color: #cc3333;
}
.lhs-dbr .dbItem:not(:nth-child(1)) {
  padding-left: 3%;
  border-left: 1px solid #e9e9e9;
}
.lhs-unitWrapper {
  position: absolute;
  top: 280px;
  right: 60px;
}
.lhs-unitWrapper.right90 {
  right: 90px;
}
.lhs-unitWrapper.top200 {
  top: 200px;
}
.lhs-unitWrapper.top855 {
  top: 855px;
}
.lhs-unitWrapper.top1510 {
  top: 1510px;
}
.lhs-unitWrapper.right105 {
  right: 105px;
}
.lhs-unitWrapper2 {
  position: absolute;
  top: -5px;
  left: 50px;
}
.lhs-unitWrapper .unit,
.lhs-unitWrapper2 .unit {
  color: #ccc !important;
  font-size: 14px;
  letter-spacing: 0px;
  text-align: right;
  line-height: 18px;
  font-weight: 400 !important;
}