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

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

/* ----------- 최고상단 ----------- */
#headerMenuSection {
  float: left;
  width: 100%;
}

.header_left {
  width: 250px;
  float: left;
  line-height: 97px;
  height: 97px;
}

.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: 100%;
  object-fit: cover;
}

.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(0, 0, 0, 0.15);
  border-bottom: 1px solid #333;
  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;
  min-height: 60px;
  line-height: 60px;
}

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

.cup {
  cursor: pointer;
}

/* #header_top .menuWrap { width: calc(100% - 250px); float: left; } */
#header_top .menuWrap {
  width: 100%;
  float: left;
}

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

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

/* .menuWrap .leftMenu ul li { width:20%; float:left; text-align:center; } */
.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;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50px;
  color: white;
  font-size: 10px;
}

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

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

/* .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background-color: #fff !important; cursor: pointer !important;} */
/*.menuWrap .rightMenu .rightMenuBox { width:auto; float:right; }*/

/*.menuWrap .rightMenu .leftBox { width:50%; float:left; }*/
.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;
}

.menuWrap .rightMenu .leftBox ul li a {
  width: 100%;
  float: left;
  /* padding:0 10px; */
  color: white;
  font-size: 15px;
}

.menuWrap .rightMenu .leftBox ul li i {
  color: inherit;
}

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

.menuWrap .rightMenu .rightBox {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  background-color: rgba(0, 0, 0, 0.15);
  padding-right: 15px;
}

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

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

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

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

.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;
  min-height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #eaeaea;
  padding-left: 25px;
}

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

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

#bookmark ul {
  width: auto;
  float: left;
}

#bookmark ul li {
  width: auto;
  float: left;
}

#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;
  margin-top: 30px;
  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 > ul {
  width: 70%;
  float: right;
  padding-top: 16px;
  padding-right: 10px;
}

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

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

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

#headerMyScheduleWrap > .titleWrap > .right > 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%;
  float: left;
  min-width: 1650px;
}

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

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

/* ----------- 좌측메뉴 ----------- */

/* #leftContent { width:250px; float:left; border-right:1px solid #e3e4e9; } */
#leftContent {
  width: 250px;
  float: left;
  overflow: hidden;
  transition: all 0.5s;
  white-space: nowrap;
}

#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:not(:first-of-type) {
  margin-top: 20px;
}

/*   */
#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: 12%;
  float: left;
  text-align: center;
}

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

#leftContent .leftMenu .menuName {
  width: 88%;
  float: left;
  padding: 0 10px;
  color: inherit;
}

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

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

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

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

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

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

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

/* ----------- 좌측메뉴 ----------- */

/*  */
#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;
}

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

#rightContent {
  width: calc(100% - 250px);
  float: right;
  background-color: #f0f1f2;
  padding-bottom: 50px;
  min-width: 1400px;
  transition: all 0.5s;
}

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

.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.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%;
  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 .midx_log {
  width: 100%;
  float: left;
  padding: 7px 0px;
}

.storetoptab .background > div .midx_log .midx {
  width: 40%;
  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: 450px;
}

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

.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 .info_title li:first-child { font-size:18px; font-weight:500; color:#333; margin-bottom:10px; } */
/* .support_top .support_info .info_title li:last-child { font-size:12px; } */
.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;
  max-height: 270px;
  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;
}

.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 > 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: 82%;
}

.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-left: 15px;
  margin-top: 15px;
}

.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:50%; float:left; }*/
.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:50%; float:right; text-align: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 {
}

.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 {
  /* padding: 10px 0px; */
  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 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 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;
}

/* ----------- 상세보기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% / 8);
  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 { width:213px; 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:not(:first-of-type) { border-left: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;
}

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

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

.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 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 span { color:#333; font-weight:bold; }*/
.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;
}

/*.talk_view .reloadWrap::-webkit-scrollbar-track { background-color: white; box-shadow: inset 0px 0px 5px white;  }*/
.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 .comment2 {
  width: 7%;
  float: left;
  text-align: center;
}

/*.chat_view_right .comment_talk .mid2 { margin:0px 0px 0px 15px; }*/
.type_view .chat_view_right .comment_talk .comment1 {
  width: 7%;
  float: right;
  text-align: center;
}

.type_view .chat_view_right .comment_talk .comment2 {
  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 .midu1 {
  width: 100%;
  float: right;
  text-align: right;
  color: #555;
  font-weight: bold;
}

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

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

.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 {
  float: left;
  max-width: 80%;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child {
  float: right;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .chatTypeyou
  > div:last-child {
  float: left;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > ul {
  width: auto;
  float: right;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > .commWrap1 {
  font-weight: 500;
  color: #333;
  background-color: #ffeb34;
  padding: 10px 20px;
  border-radius: 10px;
  width: auto;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > .commWrap2 {
  bottom: 3px;
  position: absolute;
  left: -70px;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .chatTypeyou
  > div:last-child
  > .commWrap2 {
  bottom: 3px;
  position: absolute;
  right: -70px;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > .commWrap2
  li {
  width: auto;
  float: right;
  font-size: 13px;
  letter-spacing: 0;
}

.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
  .comment_mid
  .content
  > div:last-child
  > .commWrap2
  li:not(:first-of-type) {
  color: yellow;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .content
  > div:last-child
  > li {
  width: auto;
  float: left;
}

/*.type_view .chat_view_right .comment_talk .comment_mid .content > div:first-child > ul { text-align:right; margin:0px 10px 0px 0px; }*/
.type_view .chat_view_right .comment_talk .comment_mid .contenta > div {
  width: 50%;
  float: left;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:last-child
  > ul {
  text-align: right;
  margin: 0px 0px 0px 10px;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child {
  width: auto;
  float: left;
  background-color: white;
  padding: 10px 20px;
  border-radius: 10px;
  max-width: 60%;
}

.type_view
  .chat_view_right
  .comment_talk
  .comment_mid
  .contenta
  > div:first-child
  > ul {
  color: #333;
  font-weight: 500;
}

.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;
  margin-left: 7px;
  text-align: left;
  float: left;
}

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

.chatTypeyou > div {
  float: left;
}

.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 {
  font-weight: 300;
  color: #ccc;
  font-size: 11px;
  float: right;
}

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

.vat_text {
  line-height: 35px;
  margin-left: 5px;
  color: #ccc;
}

.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: 40% !important;
}

.type_form .form .zipdetailaddr input {
  width: 40% !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;
}

.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: 110px;
}

.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-left: 10px;
  padding-top: 25px;
  padding-left: 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.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: 130px 30px 20px 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% / 5);
  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;
  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: 17px;
  margin-right: 10px;
}

.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: 50px; } */
.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 {
  min-width: 1600px !important;
  height: 100%;
}

.login_wrap > div {
  float: left;
  min-height: 800px;
}

#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_right {
  width: 730px;
  height: 100%;
}

#login_right .login_input {
  position: absolute;
  top: 50%;
  left: 60%;
  transform: translate(-50%, -50%);
  width: 500px;
}

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

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

#login_right .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_right .login_input .input_wrap {
  float: left;
  margin-top: 70px;
}

#login_right .login_input .input_wrap input {
  float: left;
  width: 350px;
  height: 45px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #f4f4f4;
  padding: 15px;
  font-weight: 900;
  transition: all 1s;
}

#login_right .login_input .input_wrap input::placeholder {
  color: #999999;
}

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

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

#login_right .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_right .login_input .login_remember {
  float: left;
  margin-top: 15px;
  width: 350px;
}

#login_right .login_input .login_remember i {
  color: #467cdf;
  cursor: pointer;
  font-size: 16px;
}

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

#login_right .login_input .login_remember label {
  font-size: 15px;
  cursor: pointer;
  font-weight: 900;
  color: #333;
}

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

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

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

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

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

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

/* ----------- 반응형 ----------- */
@media screen and (max-width: 1400px) {
  /*.menuWrap .rightMenu .leftBox ul li { width: 40%; }*/
  /*.menuWrap .leftMenu { width:50%; float:left; }*/

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

/*.padding_t { padding:60px 80px; }*/
.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;
  /* height:360px; */
  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_time { width:100%; display:none; }*/
.sch_form_wrap .mainWrap .content #sch_times {
  display: none;
  width: 20%;
  margin-left: 5px;
}

.sch_form_wrap .mainWrap .content #sch_timee {
  display: none;
  width: 20%;
  margin-right: 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(목)_작업자문정원*/
.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;
}

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

/*.type_form .form div:not(.noForm) table tr td.value{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%;
}

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

.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: 80px 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;
  width: 80px;
  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 {
  position: absolute;
  width: 30px;
  height: 30px;
  border: 1px solid #ccc;
  border-radius: 5px;
  right: 0;
  text-align: center;
  padding-top: 4px;
  top: 3px;
  cursor: pointer;
}

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

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

.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);
  float: left;
  margin: 30px;
  margin-top: 0px;
  height: 70px;
}

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

.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.rightWrap_hover:hover {
  background-color: rgb(238, 200, 109, 0.1);
  cursor: pointer;
}

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

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

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

/*.question_type_request .icon { position:absolute; right:0; top:15px; z-index:10; }*/

.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-bottom: 15px;
}

.chartTit .activeColor {
  font-size: inherit;
  line-height: inherit;
  color: #4075e7;
}

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

.chartBox > canvas {
  left: 50%;
  transform: translateX(-50%);
}

.chartBox .w100 {
  width: 100%;
}

/* 대시보드 */
.dashboardBox {
  width: 100%;
  float: left;
  border: 3px solid #e2e2e2;
  padding: 35px 10px;
}

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

/* 차트 검색 */
.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: 13%;
  border: 1px solid #3366cc;
  border-radius: 30px;
  padding: 5px 20px;
  font-size: 14px;
  float: left;
  margin-right: 1%;
  color: #3366cc;
  margin: 10px;
}
.contentWrap .receiveWrap .values li i {
  color: #3366cc;
  float: right;
  top: 3px;
}
.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;
}

/* 발주관리 추가 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;
}
.cancel_lineTxt {
    text-decoration: line-through;
}
/* 발주관리 추가 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;
}