@import url(../font/NotosansKR.css);
@import url(all.min.css);

/* reset */
i, em, address {
  font-style: normal;
}

caption {
  display: none;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  font-family: 'Noto Sans KR', sans-serif;
}

input:focus {
  outline: none;
}

input::placeholder, textarea::placeholder {
  letter-spacing: -1px;
  color: #aaa;
}

input[type="checkbox"] { height:20px
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: 'Noto Sans KR', sans-serif;
}

/* layout */
* {
  margin: 0;
  padding: 0;
  box-shadow: none !important;
}

html, body {
  width: 100%;
  height: 100%;
  min-width: 1200px;
  font-size: 14px;
  font-family: 'Noto Sans KR', sans-serif;
  color: #333;
  letter-spacing: -1px;
}


::-webkit-scrollbar {
  background: transparent;
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-thumb {
  background-color: #ddd;
  background-clip: padding-box;
  border: 2px solid transparent;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #ddd;
}

.wrapper * {
  box-sizing: border-box;
}

.wrapper {
  position: relative;
  min-height: 100%;
  width: 100%;
  min-width: 1300px;
}

.header {
  position: relative;
  z-index: 10;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 50px 0 0;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}

.header h1 {
  position: relative;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  padding-left: 50px;
}

.header h1 img {
  width: 100%;
  max-width: 170px;
  height: auto;
  padding: 15px 0;
}

.header .util {
  display: flex;
  align-items: center;
}

.header .util li {
  font-size: 13px;;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  padding: 0 16px 0 0;
}

.header .util li.noti a {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url('../images/top_icon1.png') no-repeat 0 0;
}

.header .util li.logout {
  border-right: 1px solid #e0e0e0;
  padding-left: 0
}

.header .util li.logout a {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.header .util li.user {
  background: url('../images/top_icon2.png') no-repeat 20px 50%;
  padding-left: 61px;
}

.header .util li.user span {
  display: block;
  font-size: 11px;
  color: #999;
}

.header .util li.change_pw a {
  display: inline-block;
  width: 32px;
  height: 32px;
}

.header .util li.mypage a {
  display: inline-block;
  width: 32px;
  height: 32px;
}
.header .util li a i svg {
  vertical-align: top;
}
.header .util li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.wrapper .contents {
  min-height: 100vh;
  padding-bottom: 50px;
  padding-left: 340px;
  background-color: #f0f2f3;
  /*transition: all .4s;*/
}

.inner {
  height: inherit;
  min-height: 600px;
  padding: 0 50px 10px;
}

.inner.share {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.inner .menuTree {
  width: 400px;
  max-height: 672px;
  overflow-y: auto;
}

.inner .h-modify {
  max-height: 803px;
}

.inner .menuInfo {
  width: calc(100% - 420px);
}

.inner .scroll-tree {
  max-height: 380px;
  overflow-y: auto;
}

.inner .homeTaskA {
  display: flex;
  justify-content: space-between;
  margin: 0 -5px;
}

.inner .homeTaskA .A,
.inner .homeTaskA .B,
.inner .homeTaskA .C {
  display: block;
  width: calc((100% - 20px) / 3);
  margin: 0px 5px;
}

.inner .homeTaskA .cons-basic {
  padding: 30px 40px 30px 150px /*max-height: 520px;
  overflow-y: auto;*/
}

.inner .homeTaskA div .report {
  font-size: 30px;
  color: #1c2136;
  font-weight: 700;
  line-height: 1;
  text-decoration: underline;
}

.inner .homeTaskA .A .cons-basic {
  background: #fff url('../../assets/images/menu_ic/ic_09.svg') no-repeat top 34px left 36px/80px;
}

.inner .homeTaskA .B .cons-basic {
  background: #fff url('../../assets/images/menu_ic/ic_07.svg') no-repeat top 34px left 36px/80px;
}

.inner .homeTaskA .C .cons-basic {
  background: #fff url('../../assets/images/menu_ic/ic_08.svg') no-repeat top 34px left 36px/80px;
}

.container {
  position: relative;
}

.loginArea {
  text-align: center;
  background: #f3f4f5;
  padding-top: 150px;
  /*padding-left: calc(50% - 200px);*/
}

.passwordArea {
  text-align: center;
  background: #f3f4f5;
  padding-top: 150px;
  padding-left: calc(50% - 275px);
}

.errorArea {
  padding-left: calc(50% - 242px);
}

.wrapper .footer {
  position: absolute;
  height: 40px;
  text-align: center;
  right: 40px;
  bottom: 0;
  color: #999;
  font-size: 12px;
}

.sidebar {
  overflow: auto;
  width: 298px;
  height: 100% !important;
  position: absolute;
  left: 320px;
  top: 0;
  bottom: 0;
  margin-left: -250px;
  z-index: 98;
  /*transition: all .4s;*/
  padding-right: 28px;
  background-image: url('../images/bg-top-left.png'), url('../images/bg-bottom-left.png');
  background-repeat: no-repeat;
  background-position: 270px top, 270px bottom;
}

.sidebar .open {
  position: absolute;
  z-index: 110 !important;
  right: 10px;
  top: 120px;
  cursor: pointer;
  width: 36px;
  height: 36px !important;
  border-radius: 28px;
  text-align: center;
  font-size: 18px;
  background: #f1f2f3;
  padding-top: 3px;
}

.sidebar .open::before {
  content: '\f060';
  color: #979aa4;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.sidebar .asideWrap {
  min-height: 100%;
  position: relative;
}

.sidebar .asideWrap aside {
  padding-bottom: 150px;
}

.sidebar h2 {
  color: #fff;
  font-weight: normal;
  font-size: 17px;
  padding-left: 25px;
  padding-top: 125px;
}

.sidebar div {
  background: #222326;
  width: 270px;
  height: 100% !important;
}

.show-sidebar .contents {
  padding-left: 70px !important;
}

.show-sidebar .sidebar {
  left: 50px;
  /*transition: all .4s;*/
}

.show-sidebar .open {
  width: 35px;
  height: 35px;
  background: #2f3034;
  text-align: center;
  padding-top: 3px;
}

.show-sidebar .open::before {
  content: '\f061';
  color: #fff;
}

/*fix Nav*/
.mainMenubar {
  position: absolute;
  z-index: 100;
  height: 100%;;
  width: 70px;
  background: #2f3034;
  text-align: center;
}

.mainMenubar ul {
  width: 100%;
  text-align: center;
  margin-top: 120px;
}

.mainMenubar ul li {
  display: block;
  height: 50px;
}

.mainMenubar ul li a {
  font-size: 0;
  display: inline-block;
  width: 36px;
  height: 36px;
}

.mainMenubar ul li.active a {
  background-color: #85C24B;
  border-radius: 6px;
}


/* menu */
#accordion {
  color: white;
}

#accordion ul {
  margin: 0 18px;
}

#accordion ul li ul {
  margin: 0 0 0 18px;
}

#accordion h3 {
  font-weight: normal;
}

#accordion h3 a {
  position: relative;
  font-size: 14px;
  line-height: 18px;
  padding: 5px 10px;
  display: block;
  color: #edecec;
  text-decoration: none;
  margin-left:10px;
}

#accordion h3 a::before{position:absolute; display:inline-block; left:0; content: ''; width:4px; height:4px; border-radius: 2px; background:#85c24b; top:12px; margin-right:6px;}

#accordion h3 a img {
  vertical-align: middle;
}

#accordion h3 a i {
  vertical-align: middle;
}

#accordion h3:hover {
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.7);
}

#accordion li {
  list-style-type: none;
}

#accordion li:first-child {
  padding-top: 10px;
}

#accordion li:last-child {
  padding-bottom: 10px;
}

#accordion li.active h3 {
  background: #85C24B;
  border-radius: 6px;
}
#accordion li.active .icon  {
  background: #85C24B;
  border-radius: 6px;
  --color: #fff;
}
#accordion li.active a {
  color: #fff;
}

#accordion ul ul li a,
#accordion h4 {
  color: #c4c4c4;
  text-decoration: none;
  font-size: 13px;
  line-height: 18px;
  display: block;
  padding: 7px 15px;
  -webkit-transition: all 0.15s;
  transition: all 0.15s;
  position: relative;
  background: url('../images/bg-subList.png') no-repeat 0 50%;
}

#accordion ul ul li.active a {
  background: #85C24B;
  border-radius: 6px;
  color: #fff;
}

#accordion ul ul li.active ul li a {
  border-radius: 0;
  background: url('../images/bg-subList.png') no-repeat 0 50%;
  color: #c4c4c4;
}

#accordion ul ul li.active ul li.active a {
  background: url('../images/bg-subList_sub.png') no-repeat 0 50%;
  color: #fff;
}

#accordion ul ul li a:hover {
  border-left: 5px solid #85C24B;
}

#accordion ul ul {
  display: none;
  border-left: 1px solid #737479;
}

#accordion li.active > ul {
  display: block;
}

#accordion ul ul ul {
  margin-left: 15px;
  border-left: 1px solid #737479;
}

#accordion a:not(:only-child):after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 10px;
  top: 0;
  font-size: 10px;
  font-weight: 600;
}

#accordion .active > a:not(:only-child):after {
  content: "\f077";
  font-size: 10px;
}

#accordion h3.sub a:after {
  content: "\f078";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 15px;
  top: 9px;
  font-size: 10px;
  font-weight: 600;
}

#accordion .active > h3.sub a:after {
  content: "\f077";
  font-size: 10px;
}


/*==== menu tooltip ====*/
.mainMenubar li {
  position: relative;
  display: block;
}

.mainMenubar li span.tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff !important;
  text-align: center;
  border-radius: 6px;
  padding: 8px;
  font-size: 13px;
  line-height: 110%;;
  margin-left: -60px;
}

/*������ ����*/
.tooltip-right {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 137px;
}

.tooltip-right::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent black transparent transparent;
}

.mainMenubar li:hover .tooltiptext {
  visibility: visible;
}


/*=== Tab ===*/
.inner-tabs {
  display: flex;
  flex-wrap: wrap;
}

.inner-tabs label {
  order: 1;
  display: block;
  min-width: 150px;
  padding: 0 20px;
  height: 46px;
  line-height: 46px;
  margin-right: 2px;
  cursor: pointer;
  background: #d9d9d9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
  color: #111;
  text-align: center;
  transition: background ease 0.2s;
}

.inner-tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding-top: 18px;
  border-top: 2px solid #85C24B;
}

.inner-tabs input[type="radio"] {
  display: none;
}

.inner-tabs input[type="radio"]:checked + label {
  background: #85C24B;
  color: #fff;
}

.inner-tabs input[type="radio"]:checked + label + .tab {
  display: block;
}

/* == login ==*/
.login {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  border: 1px solid #d8d8d8;
  width: 400px;
  padding: 50px;
  text-align: center;
}

.login h1 {
  font-size:35px;
  text-align: center;
  margin-bottom: 40px !important;
}
.login h1 img{width:180px; height:auto;}

.login select {
  width: 100%;
  height: 50px;
  border: 0;
  background: #e3e3e3 url('../images/arrow_select_login.png') no-repeat right 50%;
  border-radius: 10px;
  font-size: 16px;
  color: #333;
  padding-left: 20px;
  margin-bottom: 12px;
}

.login input {
  width: 100%;
  height: 50px;
  background: #fff;
  border-radius: 10px;
  font-size: 16px;
  color: #333;
  padding: 0 20px;
  margin-bottom: 12px;
  border: 0;
}

.login .saveID {
  text-align: left;
  margin-bottom: 30px;
  color: #333;
  font-size: 14px;
}

.login .pw-reset {
  margin-top: 24px;
  text-align: right;
}

.login .pw-reset a {
  color: #888;
  font-size: 14px;
}

.login h1.pw {
  text-align: left;
  font-size: 24px;
}

.login .close {
  position: absolute;
  top: 20px;
  right: 40px;
  transition: all 200ms;
  font-size: 40px;
  text-decoration: none;
  color: #b6b6b6;
}

.login .txt-reportS {
  font-size: 13px;
  color: #777;
}

.login .red {
  font-size: 12px;
  color: red;
  margin-top: 6px;
}

/*230206*/

/* === error ===*/
.systemCheckA {
  width: 485px;
  margin-top: 120px;
  text-align: center;
}

.systemCheckA .logo {
  text-align: left;
  margin-bottom: 28px;
}

.systemCheckA h1, .errorA h1 {
  font-size: 36px;
  color: #222;
  font-weight: 300;
  margin: 20px 0 30px;
  letter-spacing: -5px;
}

.systemCheckA h1 strong {
  color: #85C24B;
  font-weight: 300;
}

.systemCheckA p, .errorA p {
  font-size: 15px;
  color: #555;
  line-height: 24px;
  margin: 0
}

.systemCheckA p.date {
  margin-top: 24px;
  color: #222;
  font-weight: 600;
}

/*Contents*/
.titleA {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 27px 50px 35px;
}

.titleA h1 {
  color: #111;
  font-size: 32px;
}

.titleA .location ul {
  text-align: right;
  margin-top: 20px;
}

.titleA .location ul li {
  display: inline-block;
  font-size: 12px;
  padding: 0 6px 0 14px;
  color: #888;
  background: url('../images/bg_location.png') no-repeat 0 50%;
}

.titleA .location ul li:first-child {
  background: none;
  padding: 0 3px 0 0
}

.titleA .location ul li:last-child {
  padding-right: 0;
}

.cons-basic {
  position: relative;
  background: #fff;
  padding: 30px 40px;
  border-radius: 6px;
  margin-bottom: 20px;
}

.cons-basic h2 {
  font-size: 16px;
  color: #333;
  margin-bottom: 18px;
}

.cons-basic h3 {
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
}

.cons-basic h4 {
  font-size: 14px;
  color: #333;
  margin-bottom: 12px;
  font-weight: normal;
}

.cons-basic p.notiB {
  font-size: 12px;
  color: #888;
  margin-top: 6px;
}

.cons-basic p.notiT {
  font-size: 12px;
  color: #888;
  text-align: right;
  margin-bottom: 7px;
}

.cons-basic p.notiT span {
  color: #ff0000
}

.cons-basic p.txt-reportS {
  font-size: 13px;
  color: #777;
}

.cons-basic p.txt-reportS span {
  display: inline-block;
  color: #888;
  width: 80px;
  text-align: left;
}

.cons-basic p.txt-reportM {
  font-size: 20px;
  color: #555;
  text-align: center;
  margin-bottom: 6px;
}

.cons-basic p.txt-reportL {
  font-size: 30px;
  color: #1c2136;
  text-align: center;
  margin-bottom: 40px;
  font-weight: 700;
}


.totalNum {
  font-size: 13px;
  font-weight: bold;
  color: #111;
}

.massA {
  position: relative;
  margin-bottom: 30px;
  padding: 0 50px;
}

.massA .taskTit {
  display: flex;
  justify-content: space-between;
  align-self: top;
  margin-bottom: 50px;
}

.massA .taskTit .progress {
  display: inline-block;
  vertical-align: middle;
  height: 32px;
  line-height: 30px;
  border-radius: 17px;
  color: #fff;
  font-size: 14px;
  padding: 0 20px 0 28px;
  background: url('../images/bg_progress.png') no-repeat 0 50%;
}

.massA .taskTit .title {
  line-height: 36px;
  font-size: 28px;
  color: #333;
  margin-top: 6px;
}

.massA .taskTit .dateA {
  display: flex;
  margin-top: 10px;
}

.massA .taskTit .dateA div {
  padding: 10px 20px;
  border-radius: 8px;
  margin-right: 10px;
}

.massA .taskTit .dateA div.plan {
  background: #f4e4e0;
}

.massA .taskTit .dateA div.real {
  background: #e6dcf2;
}

.massA .taskTit .dateA div p {
  font-size: 13px;
  color: #333
}

.noti_mass {
  display: inline-block;
  width: 32px;
  height: 30px;
  cursor: pointer;
  background: url('../images/B-notice.png') no-repeat;
}

.noti_mass_small {
  display: inline-block;
  width: 20px;
  height: 19px;
  cursor: pointer;
  background: url('../images/B-notice_small.png') no-repeat;
}

.noti-txt {
  position: absolute;
  z-index: 10;
  width: 240px;
  right: 50px;
  top: 40px;
  background: #222326;
  padding: 15px 35px 15px 15px;
  border-radius: 10px;
}

.noti-txt::after {
  border-top: 0px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #222326;
  content: "";
  position: absolute;
  z-index: 11;
  top: -6px;
  left: 210px;
}

.noti-txt p {
  font-size: 13px;
  color: #fff;
}

.noti-txt .close {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url('../images/icons.png') no-repeat -111px -205px;
  cursor: pointer;
  top: 15px;
}

.noti-txt.home {
  top: 30px;
  right: -10px;
}

.B-modify {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 6px;
  background: #dadada url('../images/B-modify.png') !important;
  cursor: pointer;
  vertical-align: middle;
}

.three-line {
  display: flex;
}

.three-line div.taskInfoA {
  margin-right: 20px;
  width: calc((100% - 40px) / 3);
}

.three-line div:last-child {
  margin-right: 0
}

.fix-h200 {
  height: 200px;
  overflow-y: auto;
  width: 100%
}

ul.process li {
  background: url('../images/dot.png') no-repeat 0 50%;
  margin-bottom: 5px;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
}

.commentA {
  position: relative;
  margin-bottom: 22px;
}

.commentA .infoA {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}

.commentA .infoA .user {
  font-size: 16px;
  color: #111;
  font-weight: 700;
}

.commentA .infoA .user span {
  color: #888;
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
}

.commentA .view {
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  font-size: 14px;
  color: #333;
}

.historyA {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
}

.historyA .detail {
  font-size: 14px;
  color: #555;
  max-width: 80%
}

.historyA .detail strong {
  color: #111;
  font-weight: 700;
}

.historyA .detail span {
  color: #888;
  font-size: 12px;
  padding-left: 8px
}

.historyA .case {
  color: #333;
  font-size: 13px;
}

.historyA.H-grid {
  margin-bottom: 0;
  border-bottom: none;
}

.history-tbl {
  padding-bottom: 10px;
  border-bottom: 1px solid #f1f1f1;
  margin-bottom: 20px;
}

.notFound {
  position: relative;
  text-align: center;
  padding: 10px 0;
}

.notFound p {
  font-size: 13px;
  color: #333;
  margin-top: 5px;
}

.foundTA {
  padding: 0 !important;
  border: 0 !important
}

.table-container {
  width: 100%;
  overflow: auto;
}

.table-container table.wAuto {
  width: auto !important;
  white-space: nowrap;
}

table.list {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
}

table.list tr:hover { /*background-color:#fdf4f7;*/
}

table.list th {
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #111;
  padding: 15px 10px;
  text-align: center;
}

table.list th span {
  color: #85C24B
}

table.list td {
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #333;
  padding: 12px 10px;
  border-left: none;
}

table.list td.mid {
  vertical-align: middle;
}

table.list th.nolineR, table.list td.nolineR {
  border-right: 0;
}

table.list th.left, table.list td.left {
  text-align: left !important;
}

table.list th.lineR, table.list td.lineR {
  border-right: 1px solid #d9d9d9 !important;
}

table.list td:last-child {
  border-right: none;
}

table.list td label.container-checkbox, table.list th label.container-checkbox {
  margin-right: 0;
  display: inline
}

table.list th:last-child, .cons-basic table.list td:last-child {
  border-right: none;
}

table.list input, table.list select {
  height: 28px;
  border-radius: 5px;
}

table.list td a.link:hover {
  color: #85C24B;
  text-decoration: underline;
}

table.list td a.disable {
  color: #999;
  text-decoration: line-through;
}

table.list td.sum {
  background: #fbf1f4;
  font-weight: bold;
}

table.list td.right {
  text-align: right
}

table.list td.pd0 {
  padding: 0;
}

table.list td.pdLR0 {
  padding: 15px 0;
}

table.list td.nolineTB {
  border-top: 0;
  border-bottom: 0;
}

table.list td.nolineB {
  border-bottom: 0
}

table.list td.va-top {
  vertical-align: top;
}

table.list tr.view th, table.list tr.view td {
  cursor: pointer;
}

table.list tr.view td:first-child, table.fold-table tr.view th:first-child {
  position: relative;
  padding-left: 25px;
}

table.list tr.view td:first-child:before, table.fold-table tr.view th:first-child:before {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 9px;
  height: 16px;
  margin-top: -8px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  color: #999;
  content: "\f107";
  transition: all 0.3s ease;
  font-size: 16px;
}

table.list tr.view:hover {
  background: #fdfbf3;
}

table.list tr.view.open {
  background: #85C24B;
}

table.list tr.view.open td {
  color: #fff;
  border-right-color: #c01d4b;
  border-bottom-color: #c01d4b
}

table.list tr.view.open td:first-child:before, table.list tr.view.open th:first-child:before {
  transform: rotate(-180deg);
  color: #fff;
}

table.list tr.fold {
  display: none;
}

table.list tr.fold.open {
  display: table-row; /*background:#fdfbf3*/
}

table.list.fix {
  table-layout: fixed;
  word-break: break-all;
}

table.list-sub {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
  table-layout: fixed;
  word-break: break-all;
}

table.list-sub td {
  background: #fff !important;
  text-align: right;
  border: 1px solid #d9d9d9;
  color: #333;
}

table.list-sub td:first-child {
  text-align: left;
  padding-left: 20px;
}

table.list-sub td:last-child {
  border-right: 1px solid #d9d9d9 !important;
}

table.list-in {
  width: 100%;
  border-top: 1px solid #d9d9d9;
  font-size: 14px;
}

table.list-in th {
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #111;
  padding: 15px 10px;
  text-align: center !important
}

table.list-in th span {
  color: #85C24B
}

table.list-in td {
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #333;
  padding: 12px 10px;
  border-left: none;
}

table.list-in td.mid {
  vertical-align: middle;
}

table.list-in th.nolineR, table.list td.nolineR {
  border-right: 0;
}

table.list-in th.left, table.list-in td.left {
  text-align: left !important;
}

table.list-in td:last-child {
  border-right: none;
}

table.list-in td label.container-checkbox, table.list th label.container-checkbox {
  margin-right: 0;
  display: inline
}

table.list-in th:last-child, .cons-basic table.list td:last-child {
  border-right: none;
}

table.list-in td.co {
  background: #f4f4f4
}

table.list-in td.items {
  padding-bottom: 5px;
}

table.list-in td.items div {
  margin: 0 3px 6px 0;
}

table.list-in th.nolineR, table.list-in td.nolineR {
  border-right: 0;
}

table.D-input_t1 {
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d9d9d9;
}

table.D-input_t1 th {
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  color: #111;
  padding: 10px 15px;
  color: #111;
  text-align: left;
}

table.D-input_t1 thead th {
  border-right: 0;
}

table.D-input_t1 thead th + th {
  border-left: 1px solid #d9d9d9;
}

table.D-input_t1 th span {
  color: #ff0000
}

table.D-input_t1 td {
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  padding: 15px;
}

table.D-input_t1 td span.ap {
  padding: 0 10px;
  font-weight: bold;
}

table.D-input_t1 td span.co {
  color: #85C24B;
  font-size: 13px;
}

table.D-input_t1 th.nolineR, table.D-input_t1 td.nolineR {
  border-right: none;
}

table.D-input_t1 td.pd0 {
  padding: 0;
}

table.D-input_t1 td.pd0 table.list th {
  text-align: center;
}

table.D-input_t1 td:last-child {
  border-right: none
}

table.D-input_t1 td ul li { /*background:url('../images/dot.png') no-repeat 0 50%; padding-left: 10px;*/
  margin-bottom: 4px;
}

table.D-input_t1 td ul li:last-child {
  margin-bottom: 0;
}

table.D-input_t1 td ul li a:hover {
  color: #85C24B;
  text-decoration: underline;
}

table.D-input_t1 td ul li img {
  vertical-align: middle;
  border: 1px solid #ddd;
  margin: 0 6px;
  width: 100px;
  height: auto;
}

table.D-input_t1 td.plus div {
  margin-bottom: 10px;
}

/*table.D-input_t1 td.plus div:last-child{margin-bottom:0}*/
table.D-input_t1 td.plus span.dot {
  background: url('../images/dot.png') no-repeat 0 50%;
  padding-left: 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  margin-left: 20px;
}

table.D-input_t1 td a.fix-R, table.D-input_t1 th a.fix-R {
  float: right
}

table.D-input_t1 th.nolineB, table.D-input_t1 td.nolineB {
  border-bottom: 0
}

table.D-input_t1 td.lineR {
  border-right: 1px solid #d9d9d9
}

table.D-input_t1 th.cen, table.D-input_t1 td.cen {
  text-align: center !important;
}

table.D-input_t1 td.light {
  color: #888
}

table.D-input_t1 td p.red {
  font-size: 12px;
  color: red;
  margin-top: 6px;
}

table.D-input_t1 td p.black {
  font-size: 12px;
  color: #777;
  margin-top: 6px;
}

table.D-input_t1 td div.mailG {
  margin-bottom: 0
}

table.D-input_t1 td div.mailG .info {
  float: left;
  width: calc(100% - 270px);
  word-wrap: none;
  line-height: 40px;
  margin-bottom: 0
}

table.D-input_t1 td div.mailG .send {
  float: right;
  width: 250px;
  margin-left: 20px;
  text-align: right;
  margin-bottom: 0
}

table.D-input_t1 td.FormA input[type='radio'],
table.D-input_t1 td.FormA input[type='radio']:checked {
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 10px;
  border: none;
  margin-right: 4px;
  vertical-align: middle;
  cursor: pointer;
}

table.D-input_t1 td.FormA input[type='radio'] {
  background-color: #ccc;
}

table.D-input_t1 td.FormA input[type='radio']:checked {
  background-color: #85C24B;
}

table.D-input_t1 td .asterisk {
  position: relative;
  display: inline-block
}

table.D-input_t1 td .asterisk:after {
  display: block;
  position: absolute;
  content: "*";
  color: #85C24B;
  top: 6px;
  left: 3px;
}

table.D-input_t2 {
  width: 100%;
  font-size: 14px;
  border-top: 1px solid #d9d9d9;
}

table.D-input_t2 th {
  background: #f4f4f4;
  border-bottom: 1px solid #d9d9d9;
  color: #111;
  padding: 15px 0;
}

table.D-input_t2 td {
  color: #333;
  border-bottom: 1px solid #d9d9d9;
  padding: 10px 15px;
}

table.D-input_t2 td input[type=text] {
  margin-right: 5px;
}

table.D-input_t2 td.item {
  background: #fefbf8;
  color: #111;
  border-right: 1px solid #d9d9d9;
}

table.D-input_t2 th span, table.D-input_t2 td.item span {
  color: #85C24B
}

table.D-input_t2 td.noBline {
  border-bottom: none;
  padding-bottom: 0;
}

table.D-input_t2 td.noRline {
  border-right: none;
}

table.D-input_t2 td.lineL {
  border-left: 1px solid #d9d9d9
}

table.D-input_t2 th.lineR, table.D-input_t2 td.lineR {
  border-right: 1px solid #d9d9d9
}

table.D-input_t2 td.comt {
  background: #fafafa;
  border-left: 1px solid #d9d9d9
}

table.D-input_t2 td.cen {
  text-align: center;
}

table.D-input_t2 td.plus div {
  margin-bottom: 10px;
}

table.D-input_t2 td.plus div:last-child {
  margin-bottom: 0
}

table.D-input_t2 td.plus img {
  border: 1px solid #ddd;
  border-radius: 8px;
  vertical-align: middle;
  margin-right: 10px;
}

table.D-input_t2 td.comt ul {
  list-style: none;
}

table.D-input_t2 td.comt ul li {
  font-size: 13px;
  color: #777;
  background: url('../images/dot.png') no-repeat 0 50%;
  padding-left: 10px;
}

table.D-input_t2 td.pd0 {
  padding: 0
}

table.D-input_t2 td.red {
  color: #c82816
}

table.tbl-task {
  width: 100%;
  font-size: 13px;
}

table.tbl-task th {
  border: 1px solid #d9d9d9;
  color: #fff;
  background: #111;
  width: 20%;
  text-align: center;
  padding: 10px;
  font-weight: 400;
}

table.tbl-task td {
  border: 1px solid #d9d9d9;
  color: #555;
  width: 80%;
  padding: 10px;
}

table.tbl-task td ul {
  margin-top: 8px;
}

table.tbl-task td ul li {
  background: url('../images/dot.png') no-repeat 0 50%;
  padding-left: 10px;
}

.paging {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 40px 0 10px
}

.paging ul li {
  display: inline;
  margin-left: 3px;
}

.paging ul li a {
  display: inline-block;
  height: 30px;
  line-height: 28px;
  min-width: 30px;
  color: #333;
  font-size: 14px;
  vertical-align: middle;
}

.paging ul li a:hover {
  color: #85C24B
}

.paging ul li a.start {
  background: url('../images/icons.png') -273px 0;
}

.paging ul li a.prev {
  background: url('../images/icons.png') -303px 0;
}

.paging ul li a.next {
  background: url('../images/icons.png') -336px 0;
}

.paging ul li a.end {
  background: url('../images/icons.png') -368px 0;
}

.paging ul li a.sel {
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
}

ul.dot li {
  background: url('../images/dot.png') no-repeat 0 50%;
  padding-left: 10px;
  margin-bottom: 4px;
}

ul.dot li a:hover {
  color: #85C24B;
  text-decoration: underline;
}

ul.dot_small {
  margin-top: 10px;
}

ul.dot_small li {
  background: url('../images/dot.png') no-repeat 0 -8px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-size: 12px;
  color: #888;
  line-height: 15px;
}

.noti-F {
  font-size: 14px;
  color: #333;
  padding: 10px 15px;
  text-align: center;
  border: 1px solid #d9d9d9;
  border-radius: 8px;
  display: inline;
}

.help-tooltip {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url('../images/icons.png') no-repeat -112px -302px;
  vertical-align: middle;
  margin-left: 6px;
}

.help-txt {
  position: absolute;
  z-index: 10;
  width: 240px;
  left: 55px;
  top: 590px;
  background: #222326;
  padding: 15px 35px 15px 15px;
  border-radius: 10px;
}

.help-txt::after {
  border-top: 0px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #222326;
  content: "";
  position: absolute;
  z-index: 11;
  top: -6px;
  left: 78px;
}

.help-txt p {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}

.help-txt .close {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url('../images/icons.png') no-repeat -111px -205px;
  cursor: pointer;
  top: 15px;
}

.help-txtR {
  position: absolute;
  z-index: 10;
  width: 465px;
  left: 160px;
  top: 250px;
  background: #222326;
  padding: 15px 35px 15px 15px;
  border-radius: 10px;
}

.help-txtR::after {
  border-top: 6px solid transparent;
  border-left: 6px solid transparent;
  border-right: 6px solid #222326;
  border-bottom: 6px solid transparent;
  content: "";
  position: absolute;
  z-index: 11;
  top: 167px;
  left: -12px;
}

.help-txtR p {
  font-size: 13px;
  color: #fff;
  font-weight: normal;
}

.help-txtR .close {
  position: absolute;
  right: 15px;
  width: 20px;
  height: 20px;
  background: url('../images/icons.png') no-repeat -111px -205px;
  cursor: pointer;
  top: 15px;
}


.keySum li {
  padding-left: 10px;
  float: left;
  padding: 10px;
  border-top: 1px solid #d8d8d8;
  border-bottom: 1px solid #d8d8d8;
  font-size: 13px;
}

.keySum li.tit {
  background: #f4f4f4;
  color: #111;
  padding-right: 20px;
  height: 46px;
}

.keySum li a {
  margin-left: 100px;
}

.editA {
  border: 1px solid #d8d8d8;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: 15px
}

.titleView {
  padding-bottom: 8px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 16px;
  color: #111;
  text-indent: 10px;
  font-weight: 700;
}

.ViewA {
  padding: 15px;
  font-size: 14px;
  color: #333;
}

.productList {
  position: relative;
}

.productList div {
  display: inline-block;
  cursor: pointer;
  min-width: 220px;
  background: #999;
  color: #fff;
  font-size: 12px;
  padding: 4px 15px;
  border-radius: 5px;
  border: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}

.productList div.sel {
  background: #333;
}

.mailArea {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  border: 0;
}

/*======= table tooltip =======*/
.tooltip-icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  cursor: pointer;
  background: url('../images/icons.png') no-repeat -112px -302px;
  vertical-align: middle;
  margin-left: 6px;
  position: relative;
}

.tooltip-icon .tooltiptext {
  visibility: hidden;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 60%;
  left: 50%;
  margin-left: -124px;
  margin-bottom: 14px
}

.tooltip-icon .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip-icon:hover .tooltiptext {
  visibility: visible;
}


/*===toast===*/
.toastContain {
  position: fixed;
  right: calc(50% - 150px);
  bottom: 130px;
  width: 300px;
}

.toast {
  opacity: 0;
  padding: 8px 12px;
  border-radius: 8px;
  margin-top: -42px;
  background-color: #e7e7e7;
  box-shadow: 0 3px 4px #0004;
  text-align: center;
  transform: scale(0.95) translateY(50px);
  transition: margin-top 0.5s,
  transform 0.5s,
  opacity 0.5s;
}

.toast.open {
  margin-top: 10px;
  transform: scale(1) translateY(0);
  opacity: 1;
}

/* Custom Toast Style */
.toast.critical {
  background-color: #85C24B;
  color: #fff;
}

/*------------popup---------------*/
.pop-link {
  color: #fff;
  padding: 10px 20px;
  border: 1px solid #fff;
}

.overlay {
  position: fixed;
  z-index: 200;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.8);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 150px auto 0;
  padding: 30px 40px 40px;
  background: #fff;
  border-radius: 15px;
  width: 750px;
  position: relative;
  /*transition: all 2s ease-in-out;*/
}

.popup.alert {
  width: 300px;
  padding: 0;
  margin-top: 250px
}

.popup h2 {
  font-size: 28px;
  color: #111;
  padding-bottom: 10px;
  border-bottom: 1px solid #333;
  font-weight: 400;
  margin-bottom: 15px;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 40px;
  /*transition: all 200ms;*/
  font-size: 40px;
  text-decoration: none;
  color: #b6b6b6;
}

.popup .content {
  position: relative;
  min-height: 150px;
  max-height: 550px;
  overflow-y: auto;
  font-size: 14px;
  color: #333;
}

.popup .content.overflowX {
  max-height: none;
  overflow-y: hidden;
}

.popup .content p.notiT {
  font-size: 12px;
  color: #888;
  text-align: right;
  margin-bottom: 7px;
}

.popup .content p.notiT span {
  color: #ff0000
}

.popup p.alertTxt {
  text-align: center;
  padding: 65px 10px;
  font-size: 16px;
}

.popup p.smallTxt, .smallTxt {
  font-size: 10px;
  color: #777;
  margin-bottom: 10px;
}

.popup .content h3, .content h3 {
  font-size: 16px;
  color: #333;
  margin-bottom: 12px;
}

.popup .content p.noti {
  color: #888;
  font-size: 12px;
  margin-top: 10px;
}

.popup .content p.noti span.dot {
  background: url('../images/dot.png') no-repeat 0 50%;
  padding-right: 10px;
}

.popup .B-full {
  display: block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #85C24B;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}

.popup .B-half-L {
  display: inline-block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  color: #333;
  background: #d8d8d8;
  border-bottom-left-radius: 14px;
}

.popup .B-half-R {
  display: inline-block;
  width: 50%;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #85C24B;
  border-bottom-right-radius: 14px;
}

.popup .content .txt-reportS {
  font-size: 13px;
  color: #777;
}

.view-error {
  position: relative;
  max-height: 120px;
  overflow-y: auto;
  font-size: 13px;
  color: #555;
  padding: 20px 20px 0;
  text-align: center;
}

.view-error p.good {
  color: #0b65d9;
}

.view-error p.bad {
  color: #fc491d;
}

.view-error ul {
  margin-top: 15px;
}

.view-error ul li {
  list-style-type: none;
}

.view-error ul li::before {
  content: '- ';
}

.stateBox-A {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  max-height: 106px;
  overflow-y: auto;
  margin-bottom: 10px;
}

.stateBox-A div {
  background: #a4a4a4;
  height: 30px;
  line-height: 30px;
  border-radius: 4px;
  color: #fff;
  font-size: 14px;
  padding: 0 12px;
  margin: 0 6px 6px 0;
}

.stateBox-A div span.del {
  display: inline-block;
  width: 20px;
  height: 30px;
  background: url('../images/icons.png') no-repeat -111px -202px;
  cursor: pointer;
  vertical-align: middle;
}

.pop-sc {
  width: 100%;
  height: 150px;
  overflow-y: auto;
}

.pop-sc ul li {
  display: flex;
  padding: 8px 0;
  padding-left: 15px !important;
  background: none !important;
  border-bottom: 1px dashed #d8d8d8;
}

.pop-sc2 {
  width: 100%;
  height: 250px;
  overflow-y: auto;
}

.group-sc {
  width: 100%;
  height: 250px;
  overflow-y: auto;
  border: 1px solid #d4d4d4;
  border-radius: 6px;
  box-sizing: border-box;
}


/* ==== modal === */
.modalSmall .btn {
  cursor: pointer;
  outline: none;
  font-weight: 500;
  float: left;
}

.dimLayer {
  position: fixed;
  z-index: 9998;
  width: 100%;
  left: 0;
  top: 0px;
  margin: 0;
  background-color: rgba(0, 0, 0, 0.6);
}

.modalSmall {
  width: 300px;
  border-radius: 15px;
  padding-top: 56px;
  box-sizing: border-box;
  text-align: center;
}

.modalSmall-section {
  background: #ffffff;
  box-sizing: border-box;
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none;
  z-index: 9999;
}

.menu_msg {
  font-size: 16px;
  font-weight: 500;
  padding: 0 20px;
}

.enroll_box p {
  padding-bottom: 56px;
}

.gray_btn {
  width: 50%;
  background: #d8d8d8;
  color: #333;
  height: 50px;
  line-height: 50px;
  transition: 0.5s;
  font-size: 16px;
  border-bottom-right-radius: 14px;
  border: 0
}

.pink_btn {
  width: 50%;
  background: #85C24B;
  color: #fff;
  height: 50px;
  line-height: 50px;
  transition: 0.5s;
  font-size: 16px;
  border-bottom-left-radius: 14px;
  border: 0
}

.pink_btn_full {
  width: 100%;
  background: #85C24B;
  border: 0;
  color: #fff;
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  border-bottom-right-radius: 14px;
  border-bottom-left-radius: 14px;
}

.enroll_btn {
  position: relative;
  overflow: hidden;
}

.blocker {
  z-index: 100 !important
}

.styleM {
  padding: 0 !important;
  max-width: 830px !important;
}

.styleL {
  padding: 0 !important;
  max-width: 1100px !important;
}

/*invoice �̸�����*/
.bar {
  display: block;
  background: #333;
  height: 4px;
  border: 0;
  margin-top: 10px;
  margin-bottom: 0
}

.bar2 {
  background: #333;
  height: 4px;
  border: 0;
  margin-top: 20px;
}

div.list {
  position: relative;
  margin-top: 20px;
}

div.list table {
  width: 100%;
  border-top: 1px solid #333;
  font-size: 7px;
}

div.list table th {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #111;
  padding: 6px;
  text-align: center;
}

div.list table td {
  text-align: center;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #333;
  padding: 6px;
  border-left: 0;
}

div.list table td.foot {
  background: #f4f4f4;
  color: #111;
  font-weight: bold;
}

div.list table th.first, .list table td.first {
  border-left: 1px solid #ccc
}

div.list table td.left {
  text-align: left;
  padding-left: 10px
}

div.list table td.right {
  text-align: right;
  padding-right: 10px
}

div.list table td.bgG {
  background: #f8f8f8
}

.row {
  position: relative;
  margin-top: 20px;
}

.row table {
  width: 100%;
  border-top: 1px solid #333;
  font-size: 7px;
}

.row table th {
  background: #f0f0f0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #111;
  padding: 6px 10px;
  text-align: left;
}

.row table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #333;
  padding: 6px 10px;
  border-left: 0;
}

.row table th.first, .row table td.first {
  border-left: 1px solid #ccc
}

.blackRow {
  position: relative;
  margin-top: 20px;
}

.blackRow table {
  width: 100%;
  border-top: 1px solid #333;
  font-size: 7px;
}

.blackRow table th {
  background: #333;
  border-bottom: 1px solid #777;
  border-right: 1px solid #333;
  color: #fff;
  padding: 6px 10px;
  text-align: left;
  font-weight: normal;
}

.blackRow table td {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  color: #333;
  padding: 6px 10px;
  border-left: 0;
}

.blackRow table th.first {
  border-left: 1px solid #333
}


/*=== Form ===*/
select {
  width: auto;
  padding-right: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding-left: 10px;
  appearance: none;
  -webkit-appearance: none;
  background: #fff url('../images/select-arrow.png') no-repeat right 50%;
  font-family: 'Noto Sans KR', sans-serif;
}

select::-ms-expand {
  display: none;
}

select option[value=""][disabled] {
  display: none;
}
select[disabled] {
  background: rgba(239, 239, 239, 0.3) url('../images/select-arrow.png') no-repeat right 50%
}
.select-pager {
  height: 34px;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #777;
  margin-left: 10px;
  font-size: 13px;
  font-family: 'Noto Sans KR', sans-serif;
}

select.direct {
  height: 40px;
}

select.tb-style {
  height: 26px !important;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  appearance: none;
  -webkit-appearance: none;
  background: #fff url('../images/select-arrow.png') no-repeat right 50%;
  font-family: 'Noto Sans KR', sans-serif;
}
input {
  width: 100%;
  height: 40px;
  border-radius: 8px;
  border: 1px solid #ccc;
  font-size: 14px;
  color: #333;
  padding: 0 10px;
  box-sizing: border-box;
}

input.R {
  text-align: right;
  padding-right: 10px;
}

/* file upload*/
.control {
  position: relative;
}

.control .file {
  display: none;
  color: #fff;
  position: absolute;
}

.control .file + label { /*display: flex;*/
  align-items: center;
}

.control .file + label .fakebutton {
  /*display: flex; align-items: center; justify-content: center;*/
  display: inline-block;
  cursor: pointer;
  color: #fff;
  padding: 6px 20px 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  background: #85C24B;
}

.control .file + label .fakebutton span.icon {
  display: inline-block;
  width: 18px;
  height: 16px;
  background: url('../images/icons.png') no-repeat 0 -39px;
  vertical-align: middle;
  margin-right: 4px;
}

.control .file + label .fakebutton:hover {
  background: #85C24B;
}

.control .file + label .filetext {
  margin-left: 10px;
  font-size: 13px;
  color: #333;
  width: auto;
}

textarea {
  width: 100%;
  border: 1px solid #ccc;
  color: #333;
  font-size: 14px;
  font-family: 'Noto Sans KR', sans-serif;
  padding: 10px;
  box-sizing: border-box !important;
  border-radius: 6px;
}

.autoStyle {
  height: 40px !important;
  border-radius: 8px !important;
  border-color: #ccc !important;
}

.autoIn {
  background: url('../images/icon_autocomplete.png') no-repeat right 50% !important;
}

/* ==================== checkbox ==================== */
.container-checkbox, .choiceArea .container-checkbox {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;
  color: #333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*�ǿ��� ����*/
.choiceArea .container-checkbox {
  height: inherit !important;
  line-height: normal !important;
  background: none !important;
  min-width: inherit !important;
}

/* Hide the browser's default checkbox */
.container-checkbox input,
.choiceArea .container-checkbox input {
  position: absolute;
  width: 0;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom checkbox */
.container-checkbox .checkmark,
.choiceArea .container-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.container-checkbox:hover input ~ .checkmark,
.choiceArea .container-checkbox:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px solid #ddd;
}

/* When the checkbox is checked, add a blue background */
.container-checkbox input:checked ~ .checkmark,
.choiceArea .container-checkbox input:checked ~ .checkmark {
  background-color: #85C24B;
  border: none;
}

/* Create the checkmark/indicator (hidden when not checked) */
.container-checkbox .checkmark:after,
.choiceArea .container-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container-checkbox input:checked ~ .checkmark:after,
.choiceArea .container-checkbox input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container-checkbox .checkmark:after,
.choiceArea .container-checkbox .checkmark:after {
  left: 7px;
  top: 3px;
  width: 4px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*2�ܹ�ġ*/
.choiceArea ul.twoLine li {
  list-style-type: none;
  background: none;
  padding-left: 0;
  margin-bottom: 10px;
  width: 50%;
  float: left;
}

.choiceArea ul.twoLine li.last {
  margin-bottom: 0
}

/*kendo��*/
.k-grid tbody td .container-checkbox, .k-grid-header th .container-checkbox {
  padding: 0;
  vertical-align: top;
}

/* ==================== radio ==================== */

/* The container */
.container-radio {
  display: inline-block;
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  font-size: 14px;
  margin-right: 20px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.container-radio input {
  position: absolute;
  width: 0;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.container-radio .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.container-radio:hover input ~ .checkmark {
  background-color: #fff;
  border: 1px solid #ccc;
}

/* When the radio button is checked, add a blue background */
.container-radio input:checked ~ .checkmark {
  background-color: #85C24B;
  border: none;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.container-radio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.container-radio input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.container-radio .checkmark:after {
  top: 5px;
  left: 5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: white;
}

/*=============== css tooltip ===============*/
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 150%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}


/* ============= jquery Tab ==================*/
/* Tab */
ul#tab {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  border-bottom: 2px solid #85C24B
}

ul#tab li {
  float: left;
  margin-right: 2px
}

ul#tab li a {
  display: block;
  min-width: 140px;
  padding: 0 20px;
  height: 46px;
  line-height: 46px;
  cursor: pointer;
  background: #d9d9d9;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 16px;
  color: #111;
  text-align: center;
  transition: background ease 0.2s;
}

ul#tab li a.long {
  height: 60px;
  padding: 9px 20px 0;
  line-height: 20px;
}

ul#tab li.aktif a {
  background: #85C24B;
  color: #fff;
}

div.tab_icerik {
  margin-top: 18px;
}

/* ================= roading ================*/
.load-wrapp {
  position: fixed;
  z-index: 9999;
  width: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background: rgba(255, 255, 255, 0.6);
}

.load {
  width: 80px;
  height: 80px;
  padding: 15px 15px 20px;
  border-radius: 10px;
  text-align: center;
  background: rgba(255, 138, 0, .3);
}

.load-wrapp p {
  padding-bottom: 13px;
  font-size: 12px;
  color: #85C24B;
  animation: blinker 2.0s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0.0;
  }
}

.square {
  width: 12px;
  height: 12px;
  border-radius: 4px;
  background-color: #85C24B;
}

.load .square {
  animation: loadingG 1.5s cubic-bezier(.17, .37, .43, .67) infinite;
}

@keyframes loadingG {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }
  50% {
    transform: translate(40px, 0) rotate(360deg);
  }
  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}


/*================ Button ===================*/
* {}
.btnsA {
  text-align: center;
  margin-top: 30px;
  position: relative;
}


.btnsAR {
  text-align: right;
  margin-bottom: 10px;
}

.btnsAR-b {
  text-align: right;
  margin-top: 30px;
}

.btnsAL {
  text-align: left;
  margin-bottom: 10px;
}

.btnsAL-b {
  text-align: left;
  margin-top: 30px;
}

.btnsA-multi {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.btnsA-multi2 {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-self: center
}

.btns-fixR {
  position: absolute;
  right: 50px;
}

.B-default {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 140px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  color: #333;
  background: #d8d8d8;
  margin-left: 6px;
}

.B-default:active {
  background: #bebebe
}

.B-choice {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 140px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  color: #fff;
  background: #85C24B;
  margin-left: 6px;
}

.B-choice[disabled] {
  font-weight: normal;
  color: #adadad;
  background: #e1e1e1;
  pointer-events: none;
}

.B-choice:active {
  background: #df7c07;
}

.B-choice.free {
  width: auto;
  padding: 0 20px;
}

.B-defaultB {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 140px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: 2px solid #afafaf;
  color: #333;
  background: #fff;
}

.B-defaultB:active {
  border: none;
  background: #afafaf;
}

.B-extra {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 140px;
  height: 45px;
  line-height: 43px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: 2px solid #85C24B;
  color: #85C24B;
  background: #fff;
  margin-left: 6px;
}

.B-extra:active {
  border: none;
  background: #85C24B;
  color: #fff;
}

.B-search {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 140px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  color: #fff;
  background: #434242;
  margin-left: 6px;
}

.B-search span {
  display: inline-block;
  width: 19px;
  height: 21px;
  background: url('../images/icons.png') no-repeat 0 0;
  vertical-align: middle;
  margin-right: 4px
}

.B-search:active {
  background: #2a2a2a;
}

.B-tbl {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  min-width: 110px;
  padding: 0 18px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 19px;
  border: none;
  color: #fff;
  background: #565656;
  margin-left: 4px;
}

.B-tbl:active {
  background: #868585;
}

.B-tbl span.download {
  display: inline-block;
  width: 18px;
  height: 22px;
  background: url('../images/icons.png') no-repeat 0 -70px;
  margin-right: 4px;
  vertical-align: middle;
}

.B-tbl span.add {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../images/icons.png') no-repeat 0 -39px;
  vertical-align: middle;
  margin-right: 4px;
}

.B-tbl.in {
  border-radius: 8px;
  height: 40px;
}

.B-tbl-co {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  min-width: 110px;
  padding: 0 18px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  border-radius: 19px;
  border: none;
  color: #fff;
  background: #85C24B;
  margin-left: 4px;
}

.B-tbl-co i {
  font-size: 12px;
}

.B-tbl-co:active {
  background: #df7c07;
}

.B-add, .B-del {
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 19px;
  border-radius: 4px;
  background: #888;
  text-align: center;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  vertical-align: middle;
}

.B-add:active, .B-del:active {
  background: #868585;
}

.B-move {
  display: inline-block;
  padding: 0 10px;
  height: 20px;
  line-height: 19px;
  text-align: center;
  color: #777;
  font-size: 12px;
  cursor: pointer;
  vertical-align: middle;
  margin-left: 10px;
}

.B-move:active {
  color: #df7c07
}

.result-btn {
  display: inline-block;
  background: #232323;
  color: #fff;
  font-size: 13px;
  border-radius: 6px;
  width: 100%;
  height: 36px;
  border: none;
  cursor: pointer;
}

.B-file {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  padding: 6px 20px 8px;
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  background: #f04c78;
  border: none;
  margin-right: 5px;
}

.B-file span {
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url('../images/icons.png') no-repeat 0 -39px;
  vertical-align: middle;
  margin-right: 4px;
}

.B-del_small {
  display: inline-block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url('../images/icons.png') no-repeat -52px -187px;
  vertical-align: middle;
  margin-left: 5px;
}

.B-small {
  display: inline-block;
  cursor: pointer;
  background: #565656;
  color: #fff!important;
  font-size: 12px;
  min-width: 60px;
  padding: 4px 10px;
  border-radius: 3px;
  border: 0;
  margin-right: 4px;
  font-weight: normal;
  text-align: center;
}

.B-small:active {
  background: #868585;
}

.B-small-F {
  display: inline-block;
  cursor: pointer;
  background: #565656;
  color: #fff;
  font-size: 12px;
  padding: 3px 15px;
  border-radius: 3px;
  border: 0;
  font-weight: normal;
}

.B-small-F:active {
  background: #868585;
}

.B-small-F span.del {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url('../images/icons.png') no-repeat -111px -205px;
  cursor: pointer;
  vertical-align: middle;
}

.B-small2 {
  display: inline-block;
  background: #565656;
  color: #fff;
  font-size: 12px;
  min-width: 60px;
  padding: 4px 10px;
  border-radius: 3px;
  border: 0;
  margin-right: 4px;
}

.B-small2:active {
  background: #868585;
}

.B-default_small {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  color: #333;
  background: #d8d8d8;
  margin-left: 6px;
}

.B-default_small:active {
  background: #bebebe
}

.B-choice_small {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  width: 130px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  border-radius: 6px;
  border: none;
  color: #fff;
  background: #85C24B;
  margin-left: 6px;
}

.B-choice_small:active {
  background: #df7c07;
}

.B-comModify {
  font-size: 14px;
  color: #888;
  height: 20px;
  background: url('../images/icons.png') no-repeat 0 -264px;
  padding-left: 22px;
  cursor: pointer;
  margin-right: 10px;
  border: none
}

.B-comDelete {
  font-size: 14px;
  color: #888;
  height: 20px;
  background: url('../images/icons.png') no-repeat 0 -303px;
  padding-left: 18px;
  cursor: pointer;
  border: none;
}

.B-up {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  line-height: 20px;
  border: 1px solid #d8d8d8;
  border-radius: 5px;
  color: #a4a4a4;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  text-align: center;
  margin-left: 6px;
}

.B-up.down {
  transform: rotate(180deg);
}

.B-login {
  width: 100%;
  height: 50px;
  border-radius: 10px;
  background: #85C24B;
  color: #fff;
  border: 0;
  font-size: 16px;
  cursor: pointer;
}

.B-login:active {
  background: #df7c07;
}

.B-more {
  width: 100%;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
  cursor: pointer;
  background: #f4f4f4;
}

.B-more:active {
  background: #eee
}

.B-go {
  width: 180px;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  margin-top: 50px;
  cursor: pointer;
  background-color: #df7c07;
  text-align: center;
  border: 0;
}

.B-small-C {
  display: inline-block;
  cursor: pointer;
  background: #565656;
  color: #fff;
  font-size: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  border: 0;
  font-weight: normal;
}

.bg-pink {
  background-color: #85C24B !important
}

.kanban {
  display: flex;
  justify-content: space-between;
}

.notiIcon {
  display: inline-block;
  color: #c82816;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  vertical-align: middle;
}

.newIcon {
  display: inline-block;
  color: #c82816;
  vertical-align: top;
  font-size: 10px;
  font-weight: bold;
}

.MP-dateB {
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  margin: 0 3px;
  font-weight: normal;
}

.B-more {
  width: 100%;
  height: 30px;
  border-radius: 6px;
  border: 1px solid #d9d9d9;
  font-size: 12px;
  color: #888;
  margin-top: 5px;
  cursor: pointer;
  background: #f4f4f4;
}

.B-more:active {
  background: #eee
}

.B-go {
  width: 180px;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  color: #fff;
  margin-top: 50px;
  cursor: pointer;
  background-color: #df7c07;
  text-align: center;
  border: 0;
}

.B-small-C {
  display: inline-block;
  cursor: pointer;
  background: #565656;
  color: #fff;
  font-size: 12px;
  width: 24px;
  height: 24px;
  text-align: center;
  line-height: 24px;
  border-radius: 50%;
  border: 0;
  font-weight: normal;
}

.bg-pink {
  background-color: #85C24B !important
}

.kanban {
  display: flex;
  justify-content: space-between;
}

.notiIcon {
  display: inline-block;
  color: #c82816;
  font-size: 18px;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  vertical-align: middle;
}

.newIcon {
  display: inline-block;
  color: #c82816;
  vertical-align: top;
  font-size: 10px;
  font-weight: bold;
}

.MP-dateB {
  display: inline-block;
  padding: 2px 6px;
  color: #fff;
  font-size: 13px;
  border-radius: 5px;
  margin: 0 3px;
  font-weight: normal;
}

/*===etc===*/
.poR {
  position: relative
}

.cen {
  text-align: center;
}

.left {
  text-align: left;
}

.rig {
  text-align: right;
}

.fr {
  float: right
}

.mid {
  vertical-align: middle;
}

.roundLine {
  border: 1px solid #d8d8d8;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.picRound {
  border-radius: 5px;
}

.nolineB {
  border-bottom: none !important
}

.po-bwt {
  display: flex;
  justify-content: space-between;
}

.T-basic {
  font-weight: normal;
}

.boN {
  border: none !important
}

.awesome {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 600;
}
.awesome i{
  font-family: "Font Awesome 5 Free" !important;
}
.awesome span {
  color: #fff !important
}

.w70 {
  width: 70px
}

.w80 {
  width: 80px
}

.mw60 {
  min-width: 60px;
}

.w100 {
  width: 100% !important
}

.w100p {
  width: 100px !important
}

.w130 {
  width: 130px !important
}

.w150 {
  width: 150px !important
}

.w200 {
  width: 200px !important
}

.w250 {
  width: 250px !important
}

.w300 {
  width: 300px !important
}

.w330 {
  width: 330px !important
}

.w400 {
  width: 400px !important
}

.w550 {
  width: 550px !important;
}

.w1000 {
  width: 1000px !important
}

.h28 {
  height: 28px !important
}

.h100 {
  height: 100px;
}

.mt_0 {
  margin-top: 0 !important
}

.mt_12 {
  margin-top: 12px;
}

.mt_20 {
  margin-top: 20px;
}

.mt_30 {
  margin-top: 30px;
}

.mt_40 {
  margin-top: 40px;
}

.mt_150 {
  margin-top: 150px;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mb_6 {
  margin-bottom: 6px
}

.mb_10 {
  margin-bottom: 10px
}

.mb_20 {
  margin-bottom: 20px
}

.mb_30 {
  margin-bottom: 30px
}

.mb_40 {
  margin-bottom: 40px !important
}

.mr_0 {
  margin-right: 0 !important
}

.mr_6 {
  margin-right: 6px;
}

.mlr_6 {
  margin-right: 6px;
  margin-left: 6px;
}

.mr_10 {
  margin-right: 10px;
}

.mr_40 {
  margin-right: 40px;
}

.ml_0 {
  margin-left: 0;
}

.ml_6 {
  margin-left: 6px !important
}

.ml_10 {
  margin-left: 10px;
}

.ml_20 {
  margin-left: 20px;
}

.pt_16 {
  padding-top: 16px
}

.pt_250 {
  padding-top: 250px;
}

.pb_0 {
  padding-bottom: 0 !important
}

.pb_4 {
  padding-bottom: 4px !important;
}

.pl_0 {
  padding-left: 0 !important
}

.pr_6 {
  padding-right: 6px;
}

.mark {
  font-size: 12px;
  background: #f1f1f1;
  border-radius: 4px;
  padding: 3px 8px;
}

.mark span {
  padding-left: 10px;
}

.mark span:first-child {
  padding-left: 0
}

.c-green {
  color: #47a823 !important;
}

.c-blue {
  color: #297ee8 !important;
}

.c-blue2 {
  color: #0c89a1 !important;
}

.c-yellow {
  color: #f5c23a !important;
}

.c-red {
  color: #c82816 !important;
}

.c-black {
  color: #111 !important;
}

/* 2024.07.30. Added by Kihoon Yi. */
.c-white {
  color: #ffff00 !important;
}

.modal a.close-modal {
  background: url('../images/icons.png') no-repeat -234px -95px !important;
  top: 35px !important;
  right: 40px !important
}

/*===== kendo UI =====*/
.k-widget {
  border: none !important;
}

.k-grid table {
  border-top: 1px solid #d9d9d9
}

th.k-header {
  border-width: 0 1px 1px 0 !important;
  border-color: #d9d9d9 !important;
  text-align: center !important;
  font-weight: 700 !important;
  padding: 15px 0 !important;
  color: #111 !important
}

th.k-header:last-child {
  border-right-width: 0 !important;
}

th.k-header span {
  color: #85C24B
}

div.k-grid-footer, div.k-grid-header {
  border-width: 0 !important
}

.k-header {
  background-color: #f4f4f4 !important;
}

.k-grid-header .k-header > .k-link {
  color: #111 !important;
  border-color: #d9d9d9 !important
}

.k-grid-header {
  background: none !important
}

.k-alt {
  background-color: #fff !important;
}

.k-input, .k-widget.k-input {
  height: 26px;
  color: #333;
  border: 1px solid #ccc !important;
  padding-left: 10px;
  font-size: 14px;
}

.k-input-:focus-within, .k-widget.k-input-:focus-within {
  box-shadow: none !important;
}

.k-icon, .k-tool-icon {
  margin-right: 8px;
}

.k-icon:before {
  color: #bbb
}

.k-button-solid-base {
  height: 40px !important;
  background: none !important;
}

.k-i-arrow-s:before {
  content: '\f078' !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
  font-size: 12px;
  color: #aaa;
}

.k-list-item.k-selected {
  background: #85C24B !important;
  box-shadow: none !important;
}

.k-input-inner {
  padding: 0 !important;
  text-indent: 10px;
}

/*.k-i-search:before{display: inline-block; width:16px; height:16px; background:url('../images/icons.png')no-repeat 0 -188px; content: none !important;}*/
.k-i-search:before {
  content: '\f002' !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 600;
}

.demo-hint {
  font-size: 12px;
  text-align: left;
  margin-top: 6px;
}

.k-pager-wrap {
  background: #fff !important;
  margin-top: 40px;
  text-align: center;
}

.k-input-button, .k-input-button.k-button {
  width: calc(1.4285714286em + 18px) !important
}

.k-grid-header th.k-header {
  vertical-align: middle !important;
}

/*.k-grid-header th.k-header span{color:#85C24B}*/
.k-grid tr:hover {
  background: none !important
}

.k-grid tr:first-child td {
  border-top: 1px solid #d9d9d9
}

.k-grid td {
  padding: 15px 10px !important;
  border-width: 0 1px 1px 0 !important;
  border-color: #d9d9d9 !important;
  text-align: center;
  color: #333;
  text-overflow: inherit !important;
  line-height: 20px !important;
}

.k-grid td:last-child {
  border-right-width: 0 !important;
}

.k-grid-header-wrap {
  border: none !important
}

.k-grid tr.k-master-row td:last-child {
  border-right-width: 0 !important;
}

.k-pager-wrap {
  justify-content: center;
}

.k-pager-wrap .k-link.k-state-selected {
  background: #f4f4f4 !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 4px !important;
  color: #333 !important
}

.k-grid table {
  border-width: 1px !important;
}

.k-grid-content {
  overflow-y: auto !important;
}

div.k-grid-footer, div.k-grid-header {
  padding-right: 0 !important
}

.k-button {
  height: auto !important;
}

table.k-editor tbody, table.k-editor td, table.k-editor tr {
  border: 0;
  padding: 0 !important
}

.k-input-inner {
  height: 26px;
  font-size: 13px;
}

.k-editor iframe.k-content, .k-editor > .k-content {
  padding: 12px !important;
}

.k-grid-footer-wrap, .k-grid-header-wrap {
  border-width: 0 !important;
}

.k-footer-template td {
  background: #f4f4f4 !important
}

.k-grid-footer td {
  padding: 15px 0 !important
}

.k-grid-footer td.last, .k-grid-footer:last-child {
  border-right-width: 0 !important;
}

hr.k-gridLine {
  border-top: 1px solid #d9d9d9;
  border-bottom: none;
  border-collapse: collapse;
}

.k-i-search {
  width: 0 !important;
  height: 0 !important;
}

.k-list-item {
  min-height: 26px !important;
  border-radius: 8px;
}

.k-toolbar {
  border-color: rgba(0, 0, 0, .08) !important;
  color: #424242 !important;
  background-color: #fafafa !important;
}

.k-button-solid-base {
  font-size: 13px !important;
  border-color: rgba(0, 0, 0, .08) !important;
  color: #424242 !important; /*background-color:#f5f5f5 !important;*/
  background-image: none !important;
}

.k-picker {
  border-color: rgba(0, 0, 0, .08) !important;
  color: #424242 !important;
  background-color: #f5f5f5 !important;
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02)) !important
}

.k-i-calendar:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('../images/calendar.png');
  content: '' !important;
  padding-right: 3px;
}

.k-calendar .k-calendar-header .k-nav-today, .k-calendar .k-footer .k-nav-today {
  color: #85C24B !important
}

.k-calendar .k-today .k-link {
  color: #85C24B !important
}

.k-calendar td.k-state-selected .k-link {
  border-color: #85C24B !important;
  background-color: #85C24B !important;
}

.k-grid .k-cell-inner > .k-link {
  justify-content: center !important;
}

/*.k-input-value-text{padding-top:13px;}*/
.k-grid .k-column-title {
  color: #111 !important
}

table.pvtTable {
  width: 100%;
  font-size: 14px !important
}

table.pvtTable thead tr th, table.pvtTable tbody tr th {
  background-color: #f4f4f4 !important;
  border: 1px solid #d4d4d4 !important;
  padding: 10px !important;
  font-size: 14px !important
}

table.pvtTable tbody tr td {
  padding: 10px !important;
  color: #333 !important;
  border-color: #d4d4d4 !important
}

table.pvtTable thead tr th:first-child, table.pvtTable tbody tr th:first-child, table.pvtTable tbody tr td:first-child {
  border-left-width: 0 !important
}

table.pvtTable thead tr th:last-child, table.pvtTable tbody tr th:last-child, table.pvtTable tbody tr td:last-child {
  border-right-width: 0 !important
}

.noBg .k-state-selected {
  background: transparent;
}

.k-selectable tbody tr {
  cursor: pointer;
}

/*  menu tree  */
@media screen and (max-width: 680px) {
  .treeview-flex {
    flex: auto !important;
    width: 100%;
  }
}

#demo-section-title h3 {
  margin-bottom: 2em;
  text-align: center;
}

.treeview-flex h4 {
  color: #656565;
  margin-bottom: 1em;
  text-align: center;
}

#demo-section-title {
  width: 100%;
  flex: auto;
}

.treeview-flex {
  flex: 1;
  -ms-flex: 1 0 auto;
}

.k-treeview {
  max-width: 240px;
  margin: 0 auto;
}

#treeview-kendo .k-sprite {
  background-image: url("../images/coloricons-sprite.png");
}

#treeview-telerik .k-sprite {
  background-image: url("../images/coloricons-sprite.png");
}

.demo-section {
  margin-bottom: 5px;
  overflow: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.rootfolder {
  background-position: 0 0;
}

.folder {
  background-position: 0 -16px;
}

.pdf {
  background-position: 0 -32px;
}

.html {
  background-position: 0 -48px;
}

.image {
  background-position: 0 -64px;
}

.k-treeview-leaf.k-selected {
  background: #85C24B !important;
  box-shadow: none !important;
}

.k-checkbox.k-state-indeterminate, .k-checkbox:indeterminate {
  color: #85C24B !important
}

.k-checkbox:checked {
  color: #85C24B !important
}

.k-checkbox::before {
}

.k-treeview {
  max-width: none !important;
}

.k-tooltip {
  background: #333 !important;
  color: #fff !important
}

.k-callout {
  bottom: 1px !important;
  color: #333;
}

.k-editor-toolbar .k-tool-group > .k-tool {
  padding: 4px 0 4px 7px !important;
  width: auto !important
}

.k-input, .k-picker {
  background: #fff !important;
  border-radius: 8px !important;
  border: 1px solid #d4d4d4 !important
}

.k-rounded-md {
  border-color: #d4d4d4 !important
}

.k-button {
  padding: 2px 6px !important;
  border-color: #d4d4d4 !important;
  background-color: #f5f5f5;
  font-size: 13px !important;
  border-radius: 5px;
}

.k-filter-row th:last-child, .k-grid-header th.k-header:last-child {
  border-right-width: 0 !important;
}

.select-sch {
  padding: 6px 0 !important
}

.k-button-solid-base {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .02)) !important;
}

/*.k-popup {*/
/*  height: auto !important;*/
/*}*/

.brandInput {
  padding-left: 10px !important
}

.k-datepicker + p {
  display: inline-block;
  margin: 0 3px;
}

.k-i-my-insert-image:before {
  content: "\E501";
}

/*renew*/
.k-datepicker + p {
  display: inline-block;
  margin: 0 3px;
}

p.notice {
  color: #fc491d;
  margin-top: 8px;
}

.popup.payment_cancel h2 {
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}

.popup.payment_cancel .desc {
  line-height: 1.5;
}

.popup.payment_cancel .content {
  margin-top: 20px;
}

ul.type_dot > li {
  position: relative;
  padding-left: 10px;
}

ul.type_dot > li:before {
  content: '';
  display: block;
  width: 4px;
  height: 4px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 9px;
}

a.download {
  text-decoration: underline;
}

.cons_tit {
  font-size: 20px !important;
}

.content_head {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  box-sizing: border-box;
  background: #333;
}

.content_head h3 {
  margin-bottom: 0 !important;
  color: #fff !important;
  min-width: 15%;
}

.handle {
  width: 30px;
  height: 25px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  border: 0;
}


.modal {
  max-width: 90% !important;
  width: auto !important;
}

#preView .popup {
  width: auto;
  padding: 20px 40px;
}

#preView .popup .content {
  overflow: unset;
  max-height: none;
  margin-top: 10px;
}

#preView .content_wrap {
  width: 416px;
  height: 720px;
  background: url("../images/mo_device.png") no-repeat;
  background-size: cover;
  box-sizing: border-box;
}

#preView .preview_inner {
  overflow-y: auto;
  height: 100%;
  position: relative;
}

#preView .preview_cont {
  width: 360px;
  height: 640px;
  overflow-y: auto;
  position: absolute;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
}

.filetext .type_dot {
  margin-top: 10px;
}

.blocker {
  padding: 0 !important;
}

.D-input_t3 {
  background: #333333;
  width: 100%;
}

.D-input_t3 th, .D-input_t3 td {
  padding: 15px
}

.D-input_t3 th {
  color: #fff;
  text-align: left;
}

.D-input_t1 td .txt {
  display: inline-block;
  margin-right: 10px;
}

.k-i-clock:before {
  content: '' !important;
  background: url('../images/time.svg') no-repeat;

}


tr.table_cont {
  height: 250px;
}

td.scroll {
  padding: 0 !important;
}

td.scroll .ticket_list {
  overflow-y: auto;
  max-height: 200px;
}

td.scroll .ticket_list li {
  padding: 15px;
  margin-bottom: 0;
}

td.scroll .ticket_list li + li {
  border-top: 1px solid #d9d9d9;
}

td.go_link a {
  text-decoration: underline;
}

.is_blind {
  display: inline-block;
  width: 0;
  height: 0;
  font-size: 0;
  position: absolute;
  clip: rect(0,0,0,0);
}

/* bss 상세 */
.bss_info_wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.info_table {
  width: calc(100% - 380px);
}

.info_map {
  position: relative;
  width: 350px;
  min-height: 210px;
}

.info_map img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.info_map .map_btn {
  position: absolute;
  right: 5px;
  bottom: 5px;
}


table.D-input_t1 > tbody > tr > td, table.D-input_t1 > tbody > tr > th,
table.D-input_t1 > thead > tr > td, table.D-input_t1 > thead > tr > th {
  padding: 15px;
}

table.member_type, table.ticket_type {
  display: none;
  border-top: 0;
}

td.go_link > a {
  text-decoration: underline;
}

.control .file + label .txt-reportS {
  display: inline-block;
  margin-left: 10px;
}

p.red.inline {
  display: inline-block;
  margin-left: 10px;
}

.hint {
  width: 100%;
  max-width: 750px;
  background: #fff;
  display: flex;
}

.hint td, .hint2 td {
  padding: 15px;
}

.hint td + td, .hint2 td + td {
  border-left: 1px solid #d9d9d9;
}

.hint td:first-child, .hint2 td:first-child {
  width: 50px;
}

.hint td:nth-of-type(2) {
  width: 100%;
}

.hint td:nth-of-type(3) {
  width: 100px;
}

.hint2 td:nth-of-type(2), .hint2 td:nth-of-type(3) {
  width: 163px;
}

.hint2 td:nth-of-type(4) {
  width: 353px;
}

.hint2 td:nth-of-type(5) {
  width: 137px;
}

.hint2 td:nth-of-type(6) {
  width: 112px;
}

.hint2 td:nth-of-type(7) {
  width: 208px;
}

.hint2 td:nth-of-type(8), .hint2 td:nth-of-type(9) {
  width: 100px;
}

.hint2 {
  max-width: 1386px !important;
  width: 100%;
  background: #fff;
}

table.D-input_t1.noBg tbody th {
  background: transparent;
}

table.D-input_t1.check_area .container-checkbox {
  margin-right: 0;
  padding-left: 20px;
}

.popup p.notiB {
  font-size: 12px;
  color: #888;
  margin-top: 6px;
}

.k-grid td, .k-grid th {
  padding: 15px !important;
}


/* datepicker */
.datepicker_wrap {
  display: flex;
  align-items: center;
}

table.D-input_t1 .datepicker_wrap p.red {
  margin-top: 0;
}
.tui-datepicker {
  top: calc(100% + 1px);
  z-index: 100;
}
.tui-datepicker-input {

}
.tui-datepicker-input.tui-has-focus .tui-ico-date {
  pointer-events: none;
}
.tui-datepicker-input.tui-has-focus .tui-ico-date, .tui-datepicker-selector-button.tui-is-checked .tui-ico-date {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../images/calendar.png) no-repeat;
  background-position: unset !important;
  padding-right: 3px;
  transform: translateY(-50%);
  margin: 0 !important;
}

.tui-calendar .tui-calendar-body-header th {
  text-align: center;
  padding: 0;
}

.tui-calendar .tui-calendar-title-today {
  height: auto !important;
  color: #f35800 !important;
}
.tui-calendar .tui-calendar-today {
  color: #f35800 !important;
}
.tui-calendar .tui-calendar-title-today:hover, .tui-calendar .tui-calendar-title-today, .tui-datepicker .tui-is-selectable:hover {
  background: #ffffff !important;
}
table.D-input_t1 .tui-calendar-date {
  padding: 0;
  border: 0;
}
.tui-calendar .tui-calendar-body-header th {
  border: 0;
}
.tui-calendar td, .tui-calendar th {
  height: 35px!important;
}
.tui-calendar .tui-calendar-header-inner {
  height: 35px!important;
  padding: 0!important;
}
.tui-calendar .tui-calendar-header-inner em {
  line-height: 35px!important;
}
.tui-calendar-btn {
  height: 35px!important;
}

.tui-timepicker {
  padding: 0!important;
  border: 0!important;
}
.tui-timepicker-row {
  display: flex;
  align-items: center;
}
.tui-timepicker *,.tui-timepicker {
  height: 100%;
}

.tui-timepicker-column {
  height: auto;
}

.tui-timepicker-select {
  border: 0!important;
}

.tui-timepicker-row{
  border:  1px solid #ccc !important;
  border-radius: 8px;
}
.tui-timepicker-body .tui-timepicker-colon, .tui-timepicker-footer .tui-timepicker-colon{
  height: 7px;
}
/* DEV 추가 230302 - 에디터 이미지 아이콘 정렬 조정 */
.toastui-editor-toolbar-icons.image{
  background-position-y: 3px;
}
.tui-grid-floating-cell.tui-grid-cell-header {
  padding: 0!important;
}
.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-header-area .tui-grid-table th + th {
  border: 1px solid #d9d9d9;
}
.tui-tree-closed .tui-ico-tree ,.tui-tree-opened .tui-ico-tree {
  display: none;
}
.tui-tree-toggle-btn {
  display: block;
  width: 15px;
  line-height: 15px;
  height: 17px;
  border: 1px solid #ddd;
}
.tui-tree-subtree .tui-tree-subtree .tui-tree-subtree .tui-tree-content-wrapper {
  padding-left: 69px!important;
}
.tui-tree-content-wrapper {
  display: flex;
  align-items: center;
}
.tui-tree-content-wrapper .tui-ico-file {
  display: none!important;
}
.tui-tree-content-wrapper .tui-tree-text {
  margin-left: 10px;
}
.tui-tree-subtree .tui-tree-content-wrapper, .tui-tree-node {
  position: relative;
  z-index: 1;
}


.tui-tree-root {
  overflow-y: unset!important;
}

.tui-tree-leaf > .tui-tree-content-wrapper .tui-tree-text {
  padding-left: 41px!important;
}

#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-opened > .tui-tree-subtree:before {
  content: '';
  display: block;
  height: 100%;
  width: 1px;
  border-left: 1px dotted #ddd;
  position: absolute;
  top:8px;
  left: 53px;
}
#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-opened > .tui-tree-subtree> .tui-tree-node:last-of-type:before {
  display: none;
}
#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-opened > .tui-tree-subtree> .tui-tree-opened:after {
  content: '';
  display: block;
  height: 1px;
  width: 15px;
  border-bottom: 1px dotted #ddd;
  position: absolute;
  top:10px;
  left: 55px;
}
#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-opened > .tui-tree-subtree> .tui-tree-leaf:after {
  content: '';
  display: block;
  height: 1px;
  width: 30px;
  border-bottom: 1px dotted #ddd;
  position: absolute;
  top:50%;
  left: 77px;
  transform: translateY(-50%);
}
#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-node > .tui-tree-subtree:after {
  content: '';
  display: block;
  height: calc(100% - 38px);
  width: 1px;
  border-left: 1px dotted #ddd;
  position: absolute;
  top: 24px;
  left: 77px;
}

#tui-tree-node-1 > .tui-tree-subtree > .tui-tree-node > .tui-tree-subtree > .tui-tree-node > .tui-tree-subtree > .tui-tree-node:before {
  content:'';
  display: block;
  height:1px;
  width: 30px;
  border-bottom: 1px dotted #ddd;
  position: absolute;
  top:50%;
  left: 77px;
  transform: translateY(-50%);
}


/* table style*/

.tui-grid-header-area {
  background: #f4f4f4 !important;
}

.tui-grid-header-area .tui-grid-table {
  border-color: #d9d9d9 !important;
}

.tui-grid-cell {
  background-color: transparent !important;
  border-color: #d9d9d9 !important;
  position: relative;
}

.tui-grid-cell-has-input .tui-grid-cell-content {
  padding: 4px 15px!important;
}
.tui-grid-cell-has-input .tui-grid-cell-content label {
  vertical-align: top;
}
.tui-grid-cell-content > .container-checkbox {
  padding-left: 0;
}
.tui-grid-cell-header {
  border-bottom: 0 !important;
  padding: 15px!important;
}

.tui-grid-cell-header, .tui-grid-header-area {
  border-color: #d9d9d9 !important;
  font-size: 14px;
  font-weight: 700;
}

.tui-grid-border-line-top {
  border-top: 0 !important;
}

.tui-grid-border-line-bottom {
  border-bottom: 0 !important;
}

.tui-grid-container * {
  font-family: "Noto Sans KR", sans-serif;
  color: #111;
}

.tui-grid-body-area td + td {
  border-left: 1px solid #d9d9d9;
}

.tui-grid-show-lside-area .tui-grid-lside-area .tui-grid-body-area .tui-grid-table {
  border-right: 1px solid #d9d9d9 !important;
}

.tui-grid-layer-selection {
  border: 0 !important;
  background-color: transparent !important;
}

.tui-grid-layer-focus-deactive .tui-grid-layer-focus-border, .tui-grid-layer-focus-border {
  background-color: transparent !important;
}
.tui-pagination .tui-page-btn {
  border: 0!important;
}
.tui-pagination .tui-is-selected:hover,.tui-pagination .tui-is-selected, .tui-pagination strong {
  background: #f4f4f4!important;
  border: 1px solid #d9d9d9!important;
  color: #333!important;
  border-radius: 10px;
  padding: 8px 0!important;
}
.tui-datepicker-input + p.red.inline {
  margin-top: 0;
  line-height: 40px;
}

.tui-grid-content-area .tui-grid-row-hover .has-pointer {
  cursor: pointer;
  background: #fafafa!important;
}

/* DEV 230302 변경 - 테이블 내 커서 조정 */
.tui-grid-row-header-draggable .awesome{
  cursor: grab;
}
.tree_control_wrap {
  display: flex;
}
.tree_control_wrap > .arr {
  display: block;
  width: 35px;
  height: 35px;
  background: #434242;
  border: 0;
  position: relative;
}
.tree_control_wrap > .arr:after {
  content: '';
  display: block;
  width:0;
  height:0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid #fff;
  border-left: 5px solid transparent;
  border-right: 5px solid #fff;
  position: absolute;

  left: 12px;

}
.tree_control_wrap > .arr.up:after {
  top: 17px;
  transform:rotate(-135deg);
}
.tree_control_wrap > .arr.down:after {
  transform: rotate(45deg);
  top: 10px;
}
.tree_control_wrap > .arr + .arr {
  margin-left: 6px;
}

.tui-grid-layer-state p {
  font-size: 13px;
  color: #333;
}
body .modal {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
}
.blocker .modal {
  position: relative;
  top: auto;
  left: auto;
  z-index: 9999;
  opacity: 1;
}

/*상태*/
.status-G{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#20A614; margin:0 4px 0 10px;}
.status-B{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#2276F3; margin:0 4px 0 10px;}
.status-B2{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#0C89A1; margin:0 4px 0 10px;}
.status-O{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#FF5722; margin:0 4px 0 10px;}
.status-R{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#F51A1A; margin:0 4px 0 10px;}
.status-Gs{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#20A614; }
.status-Bs{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#2276F3; }
.status-Bs2{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#0C89A1; }
.status-Os{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#FF5722; }
.status-Rs{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#F51A1A; }
/* 2024.07.30. Added by Kihoon Yi. */
.status-W{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#FFFF00; margin:0 4px 0 10px;}
.status-Ws{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#FFFF00; }
.status-D{display:inline-block; width:10px; height:10px; border-radius: 50%; background-color:#000000; margin:0 4px 0 10px;}
.status-Ds{display:inline-block; width:8px; height:8px; border-radius: 50%; background-color:#000000; }

/*테이블 내 버튼 및 속성*/
.B-setting{display: inline-block; width:30px; height:30px; background:#f5f5f5 url('../images/Icon_set.png')no-repeat center 50%; border-radius: 4px; cursor: pointer;}
.B-edit{display: inline-block; width:30px; height:30px; background:#f5f5f5 url('../images/Icon_edit.png')no-repeat center 50%; border-radius: 4px; cursor: pointer;}
.B-small-line {display: inline-block; cursor: pointer; color: #555; font-size: 12px;  min-width: 60px;  padding: 4px 10px;  border-radius: 3px; border:0; text-align: center;}
.B-record{display:inline-block;width:30px; height:30px; background:#f5f5f5 url('../images/Icon_record.png')no-repeat center 50%; border-radius: 4px; cursor: pointer;}
.B-send{display:inline-block;width:30px; height:30px; background:#f5f5f5 url('../images/Icon_send.png')no-repeat center 50%; border-radius: 4px; cursor: pointer;}
.B-send_disable{display:inline-block;width:30px; height:30px; background:#f5f5f5 url('../images/Icon_send_disable.png')no-repeat center 50%; border-radius: 4px;}
.B-pin{display:inline-block;width:24px; height:24px; background:url('../images/Icon_pin.png')no-repeat center 50%; vertical-align: middle;}
.B-warning{display:inline-block;width:24px; height:24px; background:url('../images/Icon_warning.png')no-repeat center 50%; vertical-align: middle;}

.btnsA-multi3 {display: flex; margin-bottom: 10px;}
.tbl-noti{font-size:13px; color:#777; padding-left: 20px; background: url('../images/icon_noti_tbl.png')no-repeat 0 1px;}
.tbl-noti.noBg{background:none; padding-left:0}
.tbl-noti span.blue{color:#235BED;}
.B-cal {display: inline-block; cursor: pointer; background:#d8d8d8; color:#333; font-size: 12px;  min-width: 50px; padding: 4px 10px; border-radius: 3px; border: 0; margin-right: 4px; text-align: center;}
.B-cal.co{background:#565656; color:#fff;}
.B-tbl-co.down{background:#85C24B url('../images/ico_download.png')no-repeat 14px 50%; padding-left:38px;}

p.red-noti{font-size:13px; color:#ff0000; padding-left:10px;}
p.red-noti.inline{display:inline;}

span.blue{color:#2276F3;}

.emphasisA{padding:15px; border-radius: 8px; background:#E9F5DD;}

table.list td.radioA label.container-radio{display: inline; padding-left:0;}

.pop_charger{padding:20px 0; border-top:1px solid #333;}
.pop_resultArea{background:#E9F5DD; padding:20px; text-align: center; border-radius: 8px;}

/*2단 레이아웃*/
.cons-flex{display: flex;}
.cons-flex.between{justify-content: space-between;}
.cons-flex div.fir2{width:40%;}
.cons-flex div.sec2{width:60%; padding-left:50px;}
.cons-flex div.half-L{width:50%; padding-right:5px;}
.cons-flex div.half-R{width:50%; padding-left:5px;}

div.inline, p.inline{display: inline-block;}

.glayNum{color:#aaa;}

.timeSelectA{display: inline-block; border:1px solid #ddd; border-radius: 8px; padding:1px 5px;}
.timeSelectA select.ghost{border:0 !important; height:38px;}

.tui-datepicker-input>input{font-size:14px !important}

/*home*/
.inner h2{font-size:16px; color:#535252; margin-bottom:8px; font-weight: 500;}
.inner h2 span.arrow{display:inline-block; background:url('../images/arrowtopright.png')no-repeat right 50%; width:18px; height:18px; vertical-align: middle; margin-left: 4px;}
.box-block{position:relative; display: inline-block; background:#fafafa; border-radius: 8px; padding:20px 0;}
.currentA{display: flex; }
.currentA div{display:inline-block; padding-right:45px; font-size:12px; text-align: left; margin-left:45px;}
.currentA div.today_01{background:url('../images/main_ico_01.png')no-repeat 0 50%; padding-left:65px;}
.currentA div.today_02{background:url('../images/main_ico_02.png')no-repeat 0 50%; padding-left:65px;}
.currentA div.today_03{background:url('../images/main_ico_03.png')no-repeat 0 50%; padding-left:65px;}
.currentA div.short{display:inline-block; padding-right:25px; font-size:12px; text-align: center; margin-left:25px;}
.currentA div p.data{vertical-align: bottom; color:#1B1633; font-size:14px;}
.currentA div p.data strong{font-size:30px;}
.currentA div p.pre{color:#888; font-size:12px;}

.home_tblA{width:calc(100% - 480px);}
.home_map{width:310px;}
.home_data{width:170px}
.h360{height: 360px;}
.pd10{padding:10px;}

.scrollA{height:100px; height:260px; overflow-y: auto;}
table.homeTbl{width:100%;}
table.homeTbl th{border-top:1px solid #f3f3f3; border-bottom:1px solid #f3f3f3; height:45px; vertical-align: middle; font-size:13px; color:#9FA6B8; text-align: center; font-weight: normal;}
table.homeTbl td{color:#373E4C; font-size:13px; text-align: center; padding:12px 0;}

.charger-map{display:inline-block; width:70px; height:70px; border-radius: 35px; text-align: center; border:4px solid #ededed; color:#777; font-size:12px; padding-top:7px; margin:0 6px 10px;}
.charger-map.d1 span{display:block; font-weight: bold; font-size: 25px; line-height: 25px; color:#FF8918}
.charger-map.d2 span{display:block; font-weight: bold; font-size: 25px; line-height: 25px; color:#1CC0C2}
.charger-map.d3 span{display:block; font-weight: bold; font-size: 25px; line-height: 25px; color:#1F9DFF}
.mapArea .pin{position:absolute; width:18px; height:24px; background:url('../images/pin.png')no-repeat center 0; text-align: center; font-size:12px; color:#fff; padding-top:5px; line-height: 11px;}
.local-info{position:absolute; width:90px; padding:4px 10px; background:rgba(0, 0, 0, .6); border-radius: 6px;}
.local-info p.cityName{font-size:11px; color:#fff; border-bottom:1px solid #aaa; text-align: center; padding-bottom:3px; margin-bottom:3px;}
.local-info ul{position:relative; overflow: hidden;}
.local-info ul li{font-size:10px; color:#fff; margin-bottom:4px;}
.local-info ul li span{float:right; padding-right: 1px;}

.cons-basic.homeSP{padding:18px 20px;}
.error-data{position:relative; overflow: hidden;}
.error-data li{font-size:15px; color:#9FA6B8; margin-bottom: 10px;}
.error-data li:last-child{margin-bottom: 0;}
.error-data li span.value{display: inline-block; float: right; color:#373E4C; font-weight: bold; padding-right:1px}
.error-data li span.value.red{color:#ff0000}

ul.connecter-info{position: relative; margin-top: 23px;}
ul.connecter-info li{display: inline; margin-left:5px; font-size:13px; color: #535252;}
ul.connecter-info li strong{color:#373E4C; font-weight: bold; padding-left:4px;}