@charset "utf-8";

html,
body {
  width: 100%;
  height: 100%;
} /*overflow:hidden;*/
/*body{background:#e8ecee;}*/
#menuTabbars {
  background: #fff;
}
.wrap {
  display: flex;
  position: relative;
 /*  overflow: hidden; */
}
.header {
  width: 100%;
  height: 24px;
  position: relative;
  background: #323232;
}

.wrapper_con {
  vertical-align: top;
  position: relative;
  margin: 0 0 0 0;
}

/* .wrapper_con::before{content:'';display:block;background:#dee1e6;width:100%;height:100%;position:absolute;border:6px solid #dee1e6;top:-6px;left:-6px;border-bottom-width:7px;z-index:-1;} */
.wrapper {
  min-width: 1220px;
  box-sizing: border-box;
  word-break: break-all;
  white-space: nowrap;
  height: auto;
  vertical-align: top;
  position: relative;
  width: 100%;
  display: block;
}
.wrapper div {
  vertical-align: top;
}
.path_div {
  display: table;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  padding-left: 5px;
  padding-bottom: 5px;
  margin: 0;
  box-sizing: border-box;
  border-bottom: 1px solid #dfdfdf;
  height: 36px;
}
.path,
.pathbt_div {
  display: table-cell;
  width: 49%;
}
.path {
  float: left;
  margin-top: 9px;
}
.pathbt_div {
  float: right;
}
.path .path_list li {
  display: inline-block;
}

.path_list li span {
  display: inline-block;
  padding: 0 3px;
}

.path_list li:after {
  position: relative;
  top: -1px;
  content: ">";
  text-align: center;
  color: #aaa;
}
.path_list li:last-child {
  font-weight: bold;
}
.path_list li:last-child:after {
  content: "";
}

.contents_wrap {
  margin: 0;
  width: 100%;
  min-width: 600px;

  overflow: auto;
  height: 100vh;
}

.contents {
  min-height: 400px;
  padding: 0 10px 0 30px;
}

iframe .contents {
  padding: 0;
}

.contents_wrap .contents {
  /*overflow: hidden;*/
}

.contents_show {
  width: 100%;
  padding: 5px;
  background: #e8ecee;
  height: 100%;
  box-sizing: border-box;
  min-height: 610px;
  display: flex;
  flex-direction: row;
}
.contents_paper {
  background: #fff;
  width: 100%;
  height: calc(100% - 10px);
  border: 1px solid #dbd9da;
  min-height: 600px;
  padding: 7px;
  border-radius: 5px;
  margin: 5px;
}

.contents_wrap input,
.contents_wrap button,
.contents_wrap optgroup,
.contents_wrap select,
.contents_wrap textarea {
  border-radius: 0;
}

.contents_wrap .chul_btdiv button,
.contents_wrap .chul_btdiv input {
}

.chul_btdiv ul {
  display: flex;
}

.chul_btdiv ul li {
  margin-right: 6px;
}

.chul_btdiv ul li:last-child {
  margin-right: 0;
}

.chul_btdiv ul li button {
  width: 64px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #999;
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
  gap: 6px;
  border-radius: 4px;
}
.chul_btdiv button > span {
  font-size: 13px;
  font-weight: 600;
  color: #333;
  line-height: 30px;
}

.chul_btdiv #helpPopup_btn {
  width: 80px;
  margin-top: 0;
  margin-right: 6px;
}

.chul_btdiv #prgRequstPopup_btn {
  width: 90px;
  margin-top: 0;
  gap: 4px;
}
/* iframe css */

.contents_show {
  width: 100%;
  padding: 0 5px;
  background: #e8ecee;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-height: 610px;
  display: flex;
  flex-direction: row;
}

.cont_col {
  width: 100%;
  padding: 5px 7px;
  height: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  min-height: 610px;
  display: flex;
  flex-direction: row;
}
.cont_row {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.cont_row .box {
  padding: 5px;
  width: 100%;
  height: auto;
}
.cont_row .boxmax {
  flex: 1;
  padding: 5px;
  padding-bottom: 0;
  height: 100%;
  overflow: auto;
}
.cont_row .boxmax_noauto {
  flex: 1;
  padding: 5px;
  padding-bottom: 0;
  height: 100%;
}
.cont_row .boxmax .white {
  height: 100%;
}
.cont_col .boxhmax {
  padding: 5px;
}
.cont_col .boxhmax .white {
  height: 100%;
}

/* 서브 table 디자인 */
.flex,
.flex2,
.flex3,
.flex0 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: space-evenly;
}
.dir_col {
  flex-direction: column !important;
}

.flex .item,
.flex .item1,
.flex .item2,
.flex .item333,
.flex .item3,
.flex .item4,
.flex .item5,
.flex .item6,
.flex .item7,
.flex .item5_5 {
  resize: horizontal;
  /* max-height: calc(100vh - 135px);*/
}

.flex3 .item,
.flex3 .item1,
.flex3 .item2,
.flex3 .item333,
.flex3 .item3,
.flex3 .item4,
.flex3 .item5,
.flex3 .item6,
.flex3 .item7,
.flex3 .item5_5 {
  resize: horizontal;
  height: calc(100vh - 160px);
  height: -ms-calc(100vh - 160px);
}
.flex2 .item,
.flex2 .item1,
.flex2 .item2,
.flex2 .item333,
.flex2 .item3,
.flex2 .item4,
.flex2 .item5,
.flex2 .item6,
.flex2 .item7,
.flex2 .item5_5 {
  resize: horizontal;
  max-height: calc(100vh - 136px);
  max-height: -ms-calc(100vh - 136px);
  max-height: -webkit-calc(100vh - 136px);
}
.flex0 .item,
.flex0 .item1,
.flex0 .item2,
.flex0 .item333,
.flex0 .item3,
.flex0 .item4,
.flex0 .item5,
.flex0 .item6,
.flex0 .item7,
.flex0 .item5_5 {
  resize: horizontal;
  min-height: calc(100vh - 50px);
  min-height: -ms-calc(100vh - 50px);
  min-height: -webkit-calc(100vh - 50px);
}

.flex .item,
.flex0 .item,
.flex2 .item,
.flex3 .item {
  flex-basis: auto;
  flex: 1;
  flex-shrink: 1;
  width: 100%;
  align-items: stretch;
}
.flex .item1,
.flex0 .item1,
.flex2 .item1,
.flex3 .item1 {
  flex-basis: auto;
  flex: 1;
  flex-shrink: 1;
  width: 100%;
  align-items: stretch;
}

.flex .item2,
.flex0 .item2,
.flex2 .item2,
.flex3 .item2 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item2:nth-of-type(1),
.flex0 .item2:nth-of-type(1),
.flex2 .item2:nth-of-type(1),
.flex3 .item2:nth-of-type(1) {
  width: calc(20% - 5px);
  width: -ms-calc(20% - 5px);
}
.flex .item2:nth-of-type(2),
.flex0 .item2:nth-of-type(2),
.flex2 .item2:nth-of-type(2),
.flex3 .item2:nth-of-type(2) {
  flex-grow: 1;
  width: calc(80% - 5px);
  width: -ms-calc(80% - 5px);
}

.flex .item333,
.flex0 .item333,
.flex2 .item333,
.flex3 .item333 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item333:nth-of-type(1),
.flex0 .item333:nth-of-type(1),
.flex2 .item333:nth-of-type(1),
.flex3 .item333:nth-of-type(1) {
  width: calc(33% - 5px);
  width: -ms-calc(33% - 5px);
  margin-right: 5px;
}
.flex .item333:nth-of-type(2),
.flex0 .item333:nth-of-type(2),
.flex2 .item333:nth-of-type(2),
.flex3 .item333:nth-of-type(2) {
  flex-grow: 1;
  width: calc(33% - 5px);
  width: -ms-calc(33% - 5px);
  margin-left: 5px;
  margin-right: 5px;
}
.flex .item333:nth-of-type(3),
.flex0 .item333:nth-of-type(3),
.flex2 .item333:nth-of-type(3),
.flex3 .item333:nth-of-type(3) {
  flex-grow: 1;
  width: calc(33% - 5px);
  width: -ms-calc(33% - 5px);
  margin-left: 5px;
}

.flex .item3,
.flex0 .item3,
.flex2 .item3,
.flex3 .item3 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item3:nth-of-type(1),
.flex0 .item3:nth-of-type(1),
.flex2 .item3:nth-of-type(1),
.flex3 .item3:nth-of-type(1) {
  width: 33%;
  margin-right: 5px;
}
.flex .item3:nth-of-type(2),
.flex0 .item3:nth-of-type(2),
.flex2 .item3:nth-of-type(2),
.flex3 .item3:nth-of-type(2) {
  flex-grow: 1;
  width: 66%;
  margin-left: 5px;
}
.flex .item3:nth-of-type(3),
.flex0 .item3:nth-of-type(3),
.flex2 .item3:nth-of-type(3),
.flex3 .item3:nth-of-type(3) {
  flex-grow: 1;
  width: 33%;
  margin-left: 5px;
}

.flex .item4,
.flex0 .item4,
.flex2 .item4,
.flex3 .item4 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item4:nth-of-type(1),
.flex0 .item4:nth-of-type(1),
.flex2 .item4:nth-of-type(1),
.flex3 .item4:nth-of-type(1) {
  width: calc(40% - 5px);
  width: -ms-calc(40% - 5px);
  margin-right: 10px;
}
.flex .item4:nth-of-type(2),
.flex0 .item4:nth-of-type(2),
.flex2 .item4:nth-of-type(2),
.flex3 .item4:nth-of-type(2) {
  flex-grow: 1;
  width: calc(60% - 5px);
  width: -ms-calc(60% - 5px);
}

.flex .item5,
.flex0 .item5,
.flex2 .item5,
.flex3 .item5 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item5:nth-of-type(1),
.flex0 .item5:nth-of-type(1),
.flex2 .item5:nth-of-type(1),
.flex3 .item5:nth-of-type(1) {
  width: calc(50% - 5px);
  width: -ms-calc(50% - 5px);
  margin-right: 5px;
}
.flex .item5:nth-of-type(2),
.flex0 .item5:nth-of-type(2),
.flex2 .item5:nth-of-type(2),
.flex3 .item5:nth-of-type(2) {
  flex-grow: 1;
  width: calc(50% - 5px);
  width: -ms-calc(50% - 5px);
  margin-left: 5px;
}

.flex .item6,
.flex0 .item6,
.flex2 .item6,
.flex3 .item6 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item6:nth-of-type(1),
.flex0 .item6:nth-of-type(1),
.flex2 .item6:nth-of-type(1),
.flex3 .item6:nth-of-type(1) {
  width: calc(60% - 5px);
  width: -ms-calc(60% - 5px);
  margin-right: 5px;
}
.flex .item6:nth-of-type(2),
.flex0 .item6:nth-of-type(2),
.flex2 .item6:nth-of-type(2),
.flex3 .item6:nth-of-type(2) {
  flex-grow: 1;
  width: calc(40% - 5px);
  width: -ms-calc(40% - 5px);
  margin-left: 5px;
}

.flex .item7,
.flex0 .item7,
.flex2 .item7,
.flex3 .item7 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item7:nth-of-type(1),
.flex0 .item7:nth-of-type(1),
.flex2 .item7:nth-of-type(1),
.flex3 .item7:nth-of-type(1) {
  width: calc(70% - 5px);
  width: -ms-calc(70% - 5px);
  margin-right: 5px;
}
.flex .item7:nth-of-type(2),
.flex0 .item7:nth-of-type(2),
.flex2 .item7:nth-of-type(2),
.flex3 .item7:nth-of-type(2) {
  flex-grow: 1;
  width: calc(30% - 5px);
  width: -ms-calc(30% - 5px);
  margin-left: 5px;
}

.flex .item5_5,
.flex0 .item5_5,
.flex2 .item5_5,
.flex3 .item5_5 {
  flex-basis: auto;
  flex-shrink: 1;
}
.flex .item5_5:nth-of-type(1),
.flex0 .item5_5:nth-of-type(1),
.flex2 .item5_5:nth-of-type(1),
.flex3 .item5_5:nth-of-type(1) {
  width: calc(50% - 19px);
  width: -ms-calc(50% - 19px);
  margin-right: 7px;
}
.flex .item5_5:nth-of-type(2),
.flex0 .item5_5:nth-of-type(2),
.flex2 .item5_5:nth-of-type(2),
.flex3 .item5_5:nth-of-type(2) {
  flex-basis: 38px;
}
.flex .item5_5:nth-of-type(3),
.flex0 .item5_5:nth-of-type(3),
.flex2 .item5_5:nth-of-type(3),
.flex3 .item5_5:nth-of-type(3) {
  width: calc(50% - 19px);
  width: -ms-calc(50% - 19px);
  margin-left: 7px;
}

.flex .inner_line_grid.left {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  border: 1px solid #d1d8e4;
  border-left: 0;
  border-bottom: 0;
}
.flex .inner_line_grid.right {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  border: 1px solid #d1d8e4;
  border-left: none;
  border-bottom: none;
}

.flex .outer_line_grid.left {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  border: 1px solid #d1d8e4;
  border-left: 0;
  border-bottom: 0;
}
.flex .outer_line_grid.right {
  display: flex;
  flex-direction: column;
  min-height: 200px;
  border: 1px solid #d1d8e4;
  border-left: none;
  border-bottom: none;
}

.table {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.table .table__cell {
  display: table-cell;
}
.table .table__cell:not(:first-of-type) {
  padding-left: 10px;
}

.row-12 {
  display: flex;
  flex-wrap: wrap;
}
.row-12.column {
  flex-direction: column;
}
.row-12 > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
  box-sizing: border-box;
}
.col-12 {
  width: 100%;
}
.col-11 {
  width: 91.66666667%;
}
.col-10 {
  width: 83.33333333%;
}
.col-9 {
  width: 75%;
}
.col-8 {
  width: 66.66666667%;
}
.col-7 {
  width: 58.33333333%;
}
.col-6 {
  width: 50%;
}
.col-5 {
  width: 41.66666667%;
}
.col-4 {
  width: 33.33333333%;
}
.col-3 {
  width: 25%;
}
.col-2 {
  width: 16.66666667%;
}
.col-1 {
  width: 8.33333333%;
}
.row-pdt {
  padding-top: 10px;
}
.col-pdt {
  padding-top: 10px;
}

/* 페이징 */
.paging {
  position: relative;
  text-align: center;
  margin-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dfdfdf;
}
.paging a {
  display: inline-block;
  width: 26px;
  height: 28px;
  margin-right: 1px;
  line-height: 28px;
  text-align: center;
  font-size: 13px;
  color: #707070;
  vertical-align: top;
  border: solid 1px #e9e7e7;
  background: #fff;
}
.paging a:hover {
  color: #505050;
  text-decoration: underline;
  background: #f3f5f7;
}
.paging .on {
  display: inline-block;
  width: 26px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  vertical-align: top;
  font-size: 13px;
  color: #fff;
  font-weight: bold;
  background: #9b9b9b;
  border: solid 1px #9b9b9b;
}

.paging .btn {
  margin: 0 10px;
}
.paging .hide {
  width: 26px;
  background: #fff;
  font-size: 0;
  border: solid 1px #d5d5d5;
  text-indent: -9999px;
}
.paging .prevEnd,
.prevEnd:hover {
  background: url("../img/sub/paging_prev2.png") no-repeat center center !important;
}

/*.paging .prev, .prev:hover {background: url('../img/sub/paging_prev.png') no-repeat center center !important}
.paging .next, .next:hover {background: url('../img/sub/paging_next.png') no-repeat center center !important}*/

.paging .nextEnd,
.nextEnd:hover {
  background: url("../img/sub/paging_next2.png") no-repeat center center !important;
}

/* 헤더-탑 */
.h_top {
  width: 100%;
  height: 24px;
  display: table;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px;
}
.h_top div {
  display: table-cell;
  overflow: hidden;
}

.h_left {
  width: 18%;
  min-width: 280px;
  position: relative;
  overflow: hidden;
  text-align: left;
}
.h_mid {
  width: 68%;
  vertical-align: middle;
}
.h_right {
  width: 14%;
  vertical-align: middle;
}

.leftbigcate {
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  z-index: 99;
  background: linear-gradient(90deg, rgb(50, 136, 217) 0%, rgb(0, 92, 180) 100%);
  display: flex;
  justify-content: space-between;
}

.leftbigcate > div:first-child {
  display: flex;
}
/*.leftbigcate.close-sidebar{display:none;}*/
.leftbigcate .logo {
  width: 238px;
  height: 50px;
  margin: 0;
  background-image: url("../img/new_header/logo_whitesvg.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #029095;
  cursor: pointer;
}

.leftbigcate .right {
  color: #fff;
  display: flex;
  gap: 24px;
  align-items: center;
}

.leftbigcate .right.topbar-only {
  gap: 0;
  padding-right: 16px;
}

.leftbigcate .right > div {
  display: flex;
  gap: 20px;
  align-items: center;
}
.leftbigcate .right p {
  position: relative;
  color: #fff;
  font-size: 14px;
  white-space: nowrap;
}

.leftbigcate .right > div p:last-child {
  min-width: 95px;
}

.leftbigcate .right strong {
  color: #fff;
  font-size: 14px;
}

.leftbigcate .right p::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -12px;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
}

.leftbigcate .right .login_time::after {
  top: 6px;
  height: 15px;
}
.leftbigcate .right .login_time {
  width: 84px;
  height: 28px;
  line-height: 18px;
  padding: 4px 4px 4px 24px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #fff;
  border-radius: 100px;
  background-image: url("../img/new_header/login_time.svg");
  background-repeat: no-repeat;
  background-position: 6px center;
}

.leftbigcate .right .login_time::after {
  display: none;
}

.leftbigcate .right .logout {
  width: 50px;
  height: 50px;
  background: #054b8d url(../img/new_header/logout.svg) no-repeat;
  background-position: center;
}

.leftbigcate .right .board {
  background: url("../img/new_header/board.svg") no-repeat;
  background-position: left center;
  padding-left: 24px;
  opacity: 0.95;
  position: relative;
}

.leftbigcate .right .board strong {
  color: #fbe571;
  font-size: 15px;
}

.leftbigcate .right .board::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -10px;
  width: 1px;
  height: 12px;
  background: rgba(255, 255, 255, 0.6);
}

.topbar_toggle_btn {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 14px;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-top: none;
  border-radius: 0 0 5px 5px;
  padding: 0;
  cursor: pointer;
  flex-shrink: 0;
  line-height: 0;
  box-sizing: border-box;
  overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(230, 255, 255, 0.34) 100%);
  box-shadow: 0 8px 18px rgba(0, 103, 110, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.28);
  -webkit-backdrop-filter: blur(12px) saturate(150%);
  backdrop-filter: blur(12px) saturate(150%);
  transition: transform 0.58s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.34s ease, background 0.34s ease, opacity 0.24s ease;
}

.topbar_toggle_btn:focus-visible {
  outline: 2px solid rgba(0, 163, 169, 0.45);
  outline-offset: 2px;
}

.topbar_toggle_btn:hover {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.72) 0%, rgba(235, 255, 255, 0.44) 100%);
  box-shadow: 0 10px 22px rgba(0, 103, 110, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.34);
}

.topbar_toggle_btn:active {
  transform: translateY(0.5px) scale(0.985);
}

#topbar-toggle::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 5px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath d='M1 1L5 4L9 1' fill='none' stroke='%2300848b' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  opacity: 0.76;
  transform: translate(-50%, -48%) rotate(0deg);
  transition: transform 0.62s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.24s ease;
}

.topbar_toggle_anchor {
  position: absolute;
  top: 50px;
  left: 50%;
  width: 28px;
  height: 14px;
  transform: translateX(-50%);
  z-index: 120;
  will-change: top, transform;
  transition: top 0.68s cubic-bezier(0.34, 1.56, 0.64, 1), transform 0.68s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.topbar_toggle_anchor,
#topbar-toggle.topbar_toggle_btn {
  height: 14px !important;
}

.topbar_toggle_anchor {
  width: 28px !important;
}

#topbar-toggle.topbar_toggle_btn {
  border-radius: 0 0 4px 4px !important;
}

.topbar_motion_shell {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  overflow: hidden;
  z-index: 99;
  transition: height 0.72s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: height;
}

.topbar_motion_shell .leftbigcate {
  pointer-events: auto;
}

.wrap.close-topbar .topbar_toggle_anchor {
  top: 0;
}

.favoritlist_btn {
  width: 19px;
  background: url(../img/star_list.svg) center center no-repeat;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
  z-index: 99;
  cursor: pointer;
  margin-left: 10px;
}
.favoritlist_btn:hover {
  background: url(../img/star_list_yellow.svg) center center no-repeat;
}

.stm_fav .favorit_btn {
  width: 19px;
  background: url(../img/star_yellow.svg) center center no-repeat;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
  z-index: 99;
  cursor: pointer;
  margin-left: 10px;
}
.stm_fav .favorit_btn:hover {
  background: url(../img/star_w.svg) center center no-repeat;
}

.stm_enter .favorit_btn {
  width: 19px;
  background: url(../img/star_w.svg) center center no-repeat;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
  z-index: 99;
  cursor: pointer;
  margin-left: 10px;
}
.stm_enter .favorit_btn:hover {
  background: url(../img/star_yellow.svg) center center no-repeat;
}

.favorit_btn {
  position: absolute;
  bottom: 11px;
  right: 14px;
}
.fav_togbtn {
  padding: 0;
}

.fav_togbtn svg {
  font-size: 18px;
}
.fav_togbtn path {
  color: #ffba09;
}
.fav_togbtn.active {
  background: #ececee !important;
}
.fav_togbtn.active svg {
  color: #ffd705;
}

#slide,
#slideBack {
  width: 100%;
  height: 25px;
  display: block;
  border: 0;
}
#slide .axi,
#slideBack .axi {
  color: #dfdfdf;
  font-size: 27px;
}
#slide:hover .axi,
#slideBack:hover .axi {
  color: #fff;
}

#slide.disabled,
#slideBack.disabled {
  opacity: 0.3;
}

#nav_list_box::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Opera*/
}

#nav_list_box {
  position: relative;
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  padding: 0 12px 0 4px;
}

.leftbigcate > div:first-child {
  flex: 1 1 auto;
  min-width: 0;
  align-items: center;
  gap: clamp(10px, 0.95vw, 24px);
}

.leftbigcate .right {
  flex-shrink: 0;
  gap: clamp(12px, 0.9vw, 24px);
}

.leftbigcate .right > div {
  gap: clamp(10px, 0.8vw, 20px);
}
.menupin_btn {
  background: url(../img/menu_pin.svg) center center no-repeat;
  width: 17px;
  height: 17px;
  position: absolute;
  right: 10px;
  top: 17%;
}
.menupin_btn:hover {
  background: url(../img/menu_pin_w.svg) center center no-repeat;
}
.menupin_btn.active {
  background: url(../img/menu_pin_w.svg) center center no-repeat;
}

.btn_search {
  position: absolute;
  margin-left: 12px;
  bottom: 65px;
  width: 30px;
  height: 30px;
  background: url(../img/search.svg) center center no-repeat;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
}
.btn_search:hover {
  background: url(../img/search_w.svg) center center no-repeat;
}

.nav_list {
  display: flex;
  align-items: center;
  position: relative;
  min-width: max-content;
  gap: clamp(3px, 0.32vw, 7px);
  padding: 0 10px 0 0;
}

.nav_list li,
.bgWhite .nav_list li {
  flex: 0 0 auto;
  max-width: none;
  min-width: 0;
  height: auto;
  line-height: 1.2;
  font-weight: 600;
  font-size: clamp(15px, 0.95vw, 18px);
  cursor: pointer;
  text-align: center;
  border-radius: 0;
  position: relative;
  z-index: 1;
  transition: color 0.18s ease;
}

.nav_list li a,
.bgWhite .nav_list li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border-radius: 12px;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  transition: background-color 0.18s ease, color 0.18s ease;
}

.nav_list > .gnb_active_indicator {
  display: none !important;
}

.nav_list > .gnb_active_indicator::after {
  display: none;
}

.nav_list > .gnb_active_indicator.no-transition {
  transition: none;
}

.nav_list > .gnb_active_indicator.is-visible {
  opacity: 1;
}

.nav_list > .gnb_active_indicator.is-springing {
  filter: none;
}

.nav_list > .gnb_active_indicator.is-gliding {
  filter: none;
}

.nav_list > .gnb_active_indicator.theme-blue {
  background: #0775d3;
  box-shadow: none;
}

.nav_list > .gnb_active_indicator.theme-mint {
  background: #00a3a9;
  box-shadow: none;
}

.nav_list > .gnb_active_indicator.theme-orange {
  background: #ff712a;
  box-shadow: none;
}

.forDomain {
  position: relative;
}

.forDomain::after {
  display: none;
}

.forDomain:hover {
  background: transparent !important;
}

.nav_list li.forDomain > a,
.bgWhite .nav_list li.forDomain > a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  min-width: clamp(88px, 5.9vw, 108px);
  min-height: 50px;
  height: 50px;
  padding: 2px clamp(10px, 0.95vw, 16px) 4px;
  box-sizing: border-box;
  white-space: nowrap;
  position: relative;
  z-index: 1;
  line-height: 1.1;
  transition: color 0.2s ease;
}

.nav_list li.forDomain:hover > a,
.bgWhite .nav_list li.forDomain:hover > a {
  transform: none;
}

.nav_list li.forDomain > a img,
.bgWhite .nav_list li.forDomain > a img {
  width: clamp(22px, 1.45vw, 26px);
  height: clamp(22px, 1.45vw, 26px);
  flex: 0 0 auto;
}

.nav_list li.forDomain > a span,
.bgWhite .nav_list li.forDomain > a span {
  display: block;
  font-size: clamp(12px, 0.74vw, 13px);
  line-height: 1.1;
  color: #25374d;
  text-shadow: none;
  white-space: nowrap;
}

.nav_list li.topMenuBtnLi.on,
.nav_list li.topMenuBtnLi.active,
.nav_list li.topMenuBtnLi.on:hover,
.nav_list li.topMenuBtnLi.active:hover,
.nav_list li:hover,
.nav_list li.on,
.nav_list li.active,
.bgWhite .nav_list li.topMenuBtnLi.on,
.bgWhite .nav_list li.topMenuBtnLi.active,
.bgWhite .nav_list li.topMenuBtnLi.on:hover,
.bgWhite .nav_list li.topMenuBtnLi.active:hover,
.bgWhite .nav_list li:hover,
.bgWhite .nav_list li.on,
.bgWhite .nav_list li.active {
  height: auto;
  line-height: 1.2;
  border-radius: 0;
  position: relative;
  font-weight: 600;
  background: transparent !important;
  box-shadow: none !important;
}

.nav_list li.txt_blue_b a {
  color: #fff;
}

.bgWhite .nav_list li.txt_blue_w a span {
  color: #0775d3;
}

.nav_list li.txt_mint_b a {
  color: #50f9ff;
}

.bgWhite .nav_list li.txt_mint_w a span {
  color: #00a3a9;
}

.nav_list li.txt_orange_b a {
  color: #ffbb99;
}

.bgWhite .nav_list li.txt_orange_w a span {
  color: #ff712a;
}

.nav_list li.txt_blue_b:hover a,
.nav_list li.txt_blue_b.on a,
.nav_list li.txt_blue_b.active a,
.nav_list li.txt_mint_b:hover a,
.nav_list li.txt_mint_b.on a,
.nav_list li.txt_mint_b.active a {
  color: #10131a;
}

.nav_list li.txt_orange_b:hover a,
.nav_list li.txt_orange_b.on a,
.nav_list li.txt_orange_b.active a {
  color: #ff712a;
}

.nav_list li.topMenuBtnLi.on a,
.nav_list li.topMenuBtnLi.active a,
.nav_list li.topMenuBtnLi.on:hover a,
.nav_list li.topMenuBtnLi.active:hover a {
  background: rgba(255, 255, 255, 0.18) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}

.bgWhite .nav_list li.topMenuBtnLi.on a,
.bgWhite .nav_list li.topMenuBtnLi.active a,
.bgWhite .nav_list li.topMenuBtnLi.on:hover a,
.bgWhite .nav_list li.topMenuBtnLi.active:hover a {
  background: linear-gradient(180deg, #1186ee 0%, #0775d3 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 18px rgba(7, 117, 211, 0.18) !important;
}

.bgWhite .nav_list li.txt_blue_w.on a span,
.bgWhite .nav_list li.txt_blue_w.active a span {
  color: inherit;
}

.bgWhite .nav_list li.txt_mint_w.on a span,
.bgWhite .nav_list li.txt_mint_w.active a span {
  color: inherit;
}

.bgWhite .nav_list li.txt_orange_w.on a span,
.bgWhite .nav_list li.txt_orange_w.active a span {
  color: inherit;
}

.bgWhite .nav_list li.txt_blue_w:hover a span {
  color: #0775d3;
}

.bgWhite .nav_list li.txt_mint_w:hover a span {
  color: #00a3a9;
}

.bgWhite .nav_list li.txt_orange_w:hover a span {
  color: #ff712a;
}

.nav_list li:hover a::after,
.nav_list li.on a::after,
.nav_list li.active a::after,
.bgWhite .nav_list li:hover a::after,
.bgWhite .nav_list li.on a::after,
.bgWhite .nav_list li.active a::after {
  display: none !important;
}

@media (max-width: 1720px) {
  .leftbigcate .logo {
    width: 216px;
    flex: 0 0 216px;
  }

  .leftbigcate > div:first-child {
    gap: 12px;
  }

  .leftbigcate .right {
    gap: 14px;
  }

  .leftbigcate .right > div {
    gap: 12px;
  }

  .nav_list li.forDomain > a,
  .bgWhite .nav_list li.forDomain > a {
    min-width: 84px;
    min-height: 48px;
    height: 48px;
    padding: 2px 11px 4px;
    gap: 1px;
  }

  .nav_list li.forDomain > a img,
  .bgWhite .nav_list li.forDomain > a img {
    width: 25px;
    height: 25px;
  }

  .nav_list li.forDomain > a span,
  .bgWhite .nav_list li.forDomain > a span,
  .nav_list li,
  .bgWhite .nav_list li {
    font-size: 15px;
  }
}

@media (max-width: 1540px) {
  #nav_list_box {
    padding-right: 6px;
  }

  .leftbigcate > div:first-child {
    gap: 10px;
  }

  .leftbigcate .logo {
    width: 194px;
    flex: 0 0 194px;
    background-size: calc(100% - 16px) auto;
  }

  .leftbigcate .right {
    gap: 10px;
  }

  .leftbigcate .right > div {
    gap: 10px;
  }

  .leftbigcate .right p::after,
  .leftbigcate .right .board::after {
    display: none;
  }

  .leftbigcate .right p,
  .leftbigcate .right strong {
    font-size: 12px;
  }

  .leftbigcate .right .login_time {
    width: 74px;
    font-size: 12px;
    padding-left: 22px;
  }

  .nav_list {
    gap: 4px;
    padding-right: 6px;
  }

  .nav_list li.forDomain > a,
  .bgWhite .nav_list li.forDomain > a {
    min-width: 78px;
    min-height: 46px;
    height: 46px;
    padding: 2px 8px 4px;
    gap: 1px;
  }

  .nav_list li.forDomain > a img,
  .bgWhite .nav_list li.forDomain > a img {
    width: 23px;
    height: 23px;
  }

  .nav_list li.forDomain > a span,
  .bgWhite .nav_list li.forDomain > a span,
  .nav_list li,
  .bgWhite .nav_list li {
    font-size: 14px;
  }
}

@media (max-width: 1366px) {
  #nav_list_box {
    padding-right: 4px;
  }

  .nav_list {
    gap: 3px;
    padding-right: 4px;
  }

  .nav_list li.forDomain > a,
  .bgWhite .nav_list li.forDomain > a {
    min-width: 74px;
    min-height: 44px;
    height: 44px;
    padding: 2px 6px 3px;
    gap: 0;
  }

  .nav_list li.forDomain > a img,
  .bgWhite .nav_list li.forDomain > a img {
    width: 22px;
    height: 22px;
  }

  .nav_list li.forDomain > a span,
  .bgWhite .nav_list li.forDomain > a span,
  .nav_list li,
  .bgWhite .nav_list li {
    font-size: 13px;
  }
}



.nav_list_temp {
  vertical-align: middle;
  position: relative;
  margin-top: 30px;
  overflow: hidden;
  margin: 0 auto;
} /*max-width:630px;메뉴한정적으로보이기 */
.nav_list_temp li {
  position: relative;
  width: 100%;
  font-size: 12px;
  vertical-align: middle;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
  white-space: break-spaces;
  padding: 5px 0;
}
.nav_list_temp li a {
  display: inline-block;
  color: #fff;
  box-sizing: border-box;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;
  text-align: center;
  width: 100%;
  white-space: normal;
  padding: 7px 0;
  border-bottom: 1px solid #07379f;
}

.nav_list_temp li a span {
  position: relative;
}
.nav_list_temp li a::before {
  content: "";
  display: block;
  text-align: center;
  background: transparent;
  height: 24px;
  width: 100%;
  background: url(../img/big_note_w.svg) center center no-repeat;
  background-size: 30px 30px;
  margin-bottom: 3px;
}

.nav_temp {
  position: absolute;
  left: 6px;
  top: 107px;
  display: none;
}

/* GNB 호버 */

.h_bt {
  height: 28px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 999;
  background: #fff;
  border-bottom: 1px solid #dadbdc;
}
#allClosehome {
  width: 28px;
  height: 28px;
  display: inline-block;
  background: url(../img/close.svg) center center no-repeat;
  background-size: 10px 10px;
  border: 0;
}
#allClosehome:hover {
  background-color: #51b9f0;
  background-image: url(../img/close_w.svg);
  background-size: 10px 10px;
  border: 0;
}

.home_btn {
  background-image: url(../img/home_w.svg) !important;
  background-size: 20px 20px !important;
  margin-top: 16px;
  margin-left: 21px;
  z-index: 99;
  border: 0;
}
.home_btn:hover {
  background-color: transparent !important;
}

/* .favorit1_btn {
  width: 28px;
  height: 28px;
  background: url(../img/star_yellow.svg) center center no-repeat !important;
  background-size: 20px 20px !important;
  margin-top: 11px;
  margin-left: 21px;
  z-index: 99;
  border: 0;
} */

.topbt_ul button .allclose_icon {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(../img/allclose_icon.gif) no-repeat center;
}
.topbt_ul li button:hover .allclose_icon {
  background: url(../img/allclose_icon_on.gif) no-repeat center;
}
.topbt_ul li button:hover i {
  color: #fff;
  cursor: pointer;
}

/* 헤더-바텀 */
.h_bottom {
  width: 100%;
  height: 100%;
  display: flex;
  vertical-align: top;
  min-height: 800px;
}

.leftbigcate {
  transform: translateY(0);
  opacity: 1;
  transform-origin: top center;
  filter: none;
  transition: transform 0.72s cubic-bezier(0.34, 1.56, 0.64, 1);
  will-change: transform;
}

.leftMnu,
.tab_div {
  transition: top 0.62s cubic-bezier(0.22, 1, 0.36, 1), height 0.62s cubic-bezier(0.22, 1, 0.36, 1), max-height 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.lnav_div {
  transition: height 0.62s cubic-bezier(0.22, 1, 0.36, 1);
}

.wrap.topbar-closing .topbar_motion_shell {
  transition-duration: 0.48s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.3, 1);
}

.wrap.topbar-opening .topbar_motion_shell {
  transition-duration: 0.74s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wrap.topbar-closing .leftbigcate {
  transition-duration: 0.42s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.3, 1);
}

.wrap.topbar-opening .leftbigcate {
  transition-duration: 0.74s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wrap.topbar-closing .topbar_toggle_btn {
  transition-duration: 0.42s, 0.28s, 0.28s, 0.2s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.3, 1);
}

.wrap.topbar-opening .topbar_toggle_btn {
  transition-duration: 0.62s, 0.34s, 0.34s, 0.24s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wrap.topbar-closing .topbar_toggle_anchor {
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.3, 1);
}

.wrap.topbar-opening .topbar_toggle_anchor {
  transition-duration: 0.72s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wrap.topbar-closing .leftMnu,
.wrap.topbar-closing .tab_div,
.wrap.topbar-closing .lnav_div {
  transition-duration: 0.46s;
  transition-timing-function: cubic-bezier(0.55, 0, 0.3, 1);
}

.wrap.topbar-opening .leftMnu,
.wrap.topbar-opening .tab_div,
.wrap.topbar-opening .lnav_div {
  transition-duration: 0.7s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}

.wrap.close-topbar .leftbigcate {
  transform: translateY(-6px) scaleY(0.82);
  opacity: 1;
  filter: none;
  pointer-events: none;
}

.wrap.close-topbar .topbar_motion_shell {
  height: 0;
}

.wrap.close-topbar .leftMnu {
  top: 14px;
}

.wrap.close-topbar .tab_div {
  top: 14px;
  height: calc(100vh - 14px);
  max-height: calc(100vh - 14px);
}

.wrap.close-topbar .lnav_div {
  height: calc(100vh - 14px);
}

.wrap.close-topbar .topbar_toggle_btn {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.56) 0%, rgba(244, 255, 255, 0.28) 100%);
  box-shadow: 0 6px 14px rgba(0, 103, 110, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.wrap.close-topbar #topbar-toggle::before {
  transform: translate(-50%, -52%) rotate(180deg);
}

@keyframes topbarCurtainClose {
  0% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
    filter: blur(0) saturate(1);
  }
  58% {
    transform: translateY(-76%) scaleY(0.992);
    opacity: 0.94;
    filter: blur(1.2px) saturate(1.02);
  }
  100% {
    transform: translateY(-100%) scaleY(0.985);
    opacity: 0;
    filter: blur(4px) saturate(1.05);
  }
}

@keyframes topbarCurtainOpen {
  0% {
    transform: translateY(-100%) scaleY(0.985);
    opacity: 0;
    filter: blur(4px) saturate(1.05);
  }
  65% {
    transform: translateY(2.5%) scaleY(1.003);
    opacity: 1;
    filter: blur(0.6px) saturate(1.02);
  }
  100% {
    transform: translateY(0) scaleY(1);
    opacity: 1;
    filter: blur(0) saturate(1);
  }
}

@keyframes topbarToggleBounce {
  0% {
    transform: translateY(0) scale(1);
  }
  44% {
    transform: translateY(-1px) scale(1.06);
  }
  74% {
    transform: translateY(0.4px) scale(0.992);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes topbarToggleDip {
  0% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(1px) scale(0.96);
  }
  100% {
    transform: translateY(0) scale(1);
  }
}

@keyframes topbarAnchorLift {
  0% {
    transform: translateX(-50%) translateY(0);
  }
  100% {
    transform: translateX(-50%) translateY(-2px);
  }
}

@keyframes topbarAnchorSettle {
  0% {
    transform: translateX(-50%) translateY(-2px);
  }
  70% {
    transform: translateX(-50%) translateY(0.8px);
  }
  100% {
    transform: translateX(-50%) translateY(0);
  }
}

.username_icon {
  width: 24px;
  height: 24px;
  background: url(../img/big_seoulsimbol_purple.svg) center 1px no-repeat;
  display: inline-block;
}
.username_txt {
  display: inline-block;
  color: #c2c2c2;
  white-space: nowrap;
  height: 24px;
  overflow: hidden;
  vertical-align: top;
}

/*.username_icon{width:127px; height:24px; background:url(../img/seoulwoman_logo.svg) center 2px no-repeat; display:inline-block;margin-right:3px;margin-left:8px;margin-top:2px;}*/

.tempbt_ul {
  position: absolute;
  top: 0;
  right: 0;
}
/* .tempbt_ul li{height:14px;display:inline-block; background:#425471;padding:7px;margin-right:-1px;color:#dfdfdf; line-height:10px; border-radius:3px;transition:border-color 0.15s ease-in-out, background-color 0.4s linear 0s;}
.tempbt_ul li:hover{color:#fff;background:#102746;cursor:pointer;} */
button#btnSamplePage {
  height: 24px;
  width: 24px;
  transition: border-color 0.15s ease-in-out, background-color 0.4s linear 0s;
  vertical-align: top;
  color: #c2c2c2;
}

button#btnSamplePage:hover {
  color: #fff;
}
.tempbt_ul li button {
  width: 100%;
  height: 100%;
  color: #dfdfdf;
}
.tempbt_ul li button:hover {
  color: #fff;
  border-color: #dfdfdf;
  cursor: pointer;
}
.tempbt_ul li #btnRedmine {
  width: 14px;
  height: 11px;
  background: url(../img/redmine.png) no-repeat;
  overflow: hidden;
}

/*.user_div{display:none !important;}  20200603사용자정보 위치변경으로 인하여 display:inline-block;display:table-cell;  */

.tab_div {
  width: calc(100vw - 240px);
  height: 100vh;
  max-height: 92vh;
  min-width: 800px;
  display: block;
  position: relative;
  top: 50px;
  overflow-x: auto;
  overflow-y: hidden;
}
.tab_div.close-sidebar {
  left: 0px;
  min-width: 1000px;
  width: calc(100% - 0px) !important;
} /*1405*/

.tab_ul {
  position: relative;
  border-bottom: 1px solid #dfdfdf;
}
.tab_ul li {
  position: relative;
  min-width: 50px;
  display: inline-block;
  padding: 0 16px 0 1px;
  border-right: 1px solid #c1c7d0;
}
.tab_ul li:hover {
  background: #f2f3f5;
}
.tab_ul li a {
  display: block;
  padding: 0 10px;
  color: #3c4043;
}
.tab_ul .active {
  background: #fff;
  top: 2px;
  z-index: 99;
  border-left: 2px solid #36a586;
}
.tab_ul .active a {
  font-size: 12px;
  color: #3c4043;
}

.tab_ul .img {
  position: absolute;
  top: -1px;
  right: 0px;
  width: 10px;
  height: 20px;
}
.tab_ul li:before,
.tab_ul li:after {
  content: "";
  width: 12px;
  height: 100%;
  display: block;
}
.tab_ul li:before {
  border-radius: 0 2px 0 0;
  transform: skew(30deg, 0deg);
}

/* 왼쪽 */

.leftMnu {
  position: relative;
  top: 50px;
}
.leftMnu.close-sidebar {
  /* width: 70px;
  min-width: 70px; */
  left: 0;
}
/*.leftMnu{display:flex;flex-direction:column;width:208px;background:#2c579b;min-height:calc(100vh - 254px);}*/

.leftsltcate.close-sidebar {
  display: none;
}

.menusearch_div {
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid #000;
  display: flex;
  position: relative;
}

.menusearch_ul {
  position: absolute;
  right: 0;
}
.menusearch_ul li {
  display: inline-block;
}
.menusearch_div .menusearch_btn {
  box-sizing: border-box;
  width: 35px;
  height: 30px;
}
.menusearch_div .menusearch_btn:hover {
  background: #1e5ca0;
  cursor: pointer;
}
#search_left {
  width: 100%;
  padding: 5px 10px;
  border: 1px solid #bdc0c6;
  border-radius: 3px;
  background-color: #fff;
}

.btn_menusearch {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 24px;
  top: 13px;
  background: url("../img/new_sub/search.svg") no-repeat;
  padding: 0 !important;
}

.btn_menusearch:hover {
  border: none !important;
}

.menusearch_btn .glyphicon-search {
  vertical-align: middle;
}
.menusearch_ul .btn_search {
  color: #fff;
  padding: 0 11px;
}
.menusearch_ul .star {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url(../img/path_star_on.png) no-repeat;
  margin: 0 10px;
}
.l_navtitle {
  height: 60px;
  background: #333;
  border-bottom: 1px solid #555;
}
.lnav_tit {
  height: 60px;
  line-height: 60px;
  font-size: 24px;
  font-weight: 600;
  padding: 0 16px;
  text-align: left;
  color: #fff;
  margin: 0;
}

.bigcate_btn {
  background: #1d3e7e;
  width: 29px;
  height: 29px;
  line-height: 29px;
  text-align: center;
  padding-top: 1px;
}
.bigcate_btn i {
  color: #fff;
  font-size: 18px;
}

/*
input:placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input::placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input::-webkit-input-placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input:-webkit-input-placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input:-ms-input-placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input:-webkit-input-placeholder { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
input:-moz-placeholder  { color:rgba(255, 255, 255, 0.4); font-size:11px; line-height:100%; text-align:center;}
*/

/* 왼쪽메뉴 열고 닫기 토글 버튼 */
.tabbarleft_div {
  width: 16px;
  height: 27px;
  background: url(../img/domain/leftMenuBtn.svg) no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: -1px;
  cursor: pointer;
  z-index: 99;
}

.cls_menuTabbars_main.close-sidebar + .tabbarleft_div {
  background: url(../img/domain/leftMenuBtn.svg) no-repeat;
  transform: scaleX(-1);
}

.lnav_btn {
  height: 27px;
  z-index: 99;
  width: 100%;
  border: 1px solid #c1c1c1;
  border-left: none;
  padding: 0;
}
.lnav_btn a {
  color: white;
  display: block;
  font-size: 19px;
  height: 100%;
  transition: all 0.2s ease-in-out;
}
.lnav_btn i {
  color: #1d48a0;
}
.lnav_btn:hover {
  color: #fff;
}
.lnav_div {
  background: #fff;
  width: 239px;
/*   height: 100vh; */
}

.lnav_div.close-sidebar {
  display: none;
}

/* 왼쪽메뉴의 탭에 관한 내용 */

.lnav_div .tabs {
  display: flex;
  align-items: center;
}
.lnav_div .tabs h5 {
  width: 120px;
  height: 30px;
  line-height: 30px;
  padding-left: 20px;
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  color: #666;
  background-color: #aaaaaa;
  background-repeat: no-repeat;
  background-position: 22px center;
}

.lnav_div .tabs h5 > button {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  width: 100%;
  height: 100%;
  cursor: initial;
}

.lnav_div .tabs h5:first-child {
  background-image: url("../img/new_sub/work_manu_off.svg");
  border-right: 1px solid #757575;
}

.lnav_div .tabs h5:first-child.tab-active {
  background-image: url("../img/new_sub/work_manu.svg");
}
.lnav_div .tabs h5:last-child {
  background-image: url("../img/new_sub/fav_off.svg");
}

.lnav_div .tabs h5:last-child.tab-active {
  background-image: url("../img/new_sub/fav.svg");
}
.lnav_div .tabs h5.tab-active {
  color: #fff;
  background-color: #fff;
}
.lnav_div .tab-contents > div {
  display: none;
}
.lnav_div .tab-contents .tab-active {
  display: block;
}

.lnav {
  background: #f8f8fa;
  overflow-x: hidden;
  width: 239px;
  height: calc(100% - 50px);
}
.leftsltcate {
  width: 205px;
  display: flex;
  height: 100%;
  background: #f8f8fa;
  flex-direction: column;
}
.leftsltcate.close-sidebar {
  display: none;
}

/* custom 디자이너 임의 추가 dhtml ★ 스크롤 중요 */
.cls_menuTabbars_main {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  border: 0px;
  display: block;
} /*background: #e7eef0;*/

.dhxtabbar_base_material {
  overflow-y: hidden !important;
  overflow-x: auto;
}
.dhxtabbar_base_material.close-sidebar {
  overflow: hidden !important;
}

.dhxtabbar_cont {
  overflow: hidden !important;
  width: 100% !important;
  height: 100% !important;
}
.dhxtabbar_cont.close-sidebar {
  overflow: hidden !important;
  width: 100% !important;
}

.dhxtabbar_tabs_top.close-sidebar {
} /* 왼쪽 220px, 우측 87px width:calc(100vw - 60px) !important;*/
/*
.dhxtabbar_tabs_top{min-width:1000px;width:calc(100vw - 80px);.dhxtabbar_tabs.dhxtabbar_tabs_top{min-width:1000px;}} /* 왼쪽 220px, 우측 87px
.dhxtabbar_tabs_top:before{top:-3px;left:-3px; position:absolute;content:'';width:5px;height:5px;background:transparent;border:3px solid #005dba; border-top-left-radius:10px;border-right:none;border-bottom:none;z-index:5;}*/

.dhxtabbar_tabs.dhxtabbar_tabs_top.close-sidebar {
}

.dhxtabbar_tabs_base {
  background-size: cover;
} /*background:#a6a7a8;background:url(../img/leaf_bg.jpg) right top no-repeat;*/
.dhxtabbar_tabs_base.close-sidebar {
}

.dhx_cell_tabbar {
} /* 20210610 width:calc(100vw - 280px); */
.dhx_cell_tabbar.close-sidebar {
  width: calc(100vw - 30px);
}

/*.dhx_cell_cont_tabbar{width:calc(100vw - 220px) !important; height:calc(100vh - 76px) !important; overflow:hidden !important;}*/
.dhx_cell_cont_tabbar {
  overflow: hidden !important;
  height: 100%;
} /* width:calc(100vw - 280px); height:calc(100vh - 30px) !important; */
.dhx_cell_cont_tabbar.close-sidebar {
  width: 100%;
}

.dhx_cell_cont_tabbar + iframe {
  overflow: hidden !important;
}

.dhxtabbar_base_material div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tab a:hover {
  background: #f2f3f5 !important;
}

.dhxtabbar_tabs dhxtabbar_tabs_top {
  border-bottom: 1px solid #f5f5f5;
}
.dhtxtabbar_tabs {
  background: #c6c6c6;
  color: #949799;
}

.tab_div.close-sidebar .cls_menuTabbars_main {
  width: 100% !important;
  padding-left: 0 !important;
}

.stm_main {
  background: #e8ecee;
  width: 100%;
  height: calc(100% - 28px);
  overflow: auto;
  padding: 30px 150px;
} /* display:flex;flex-direction:column; */

.stm_enter,
.stm_fav {
  width: 100%;
  margin: 0 auto;
}

.main_table {
  width: 100%;
  height: 300px;
}

.stm_fav,
.stm_enter {
  height: 220px;
  margin: 30px 0;
}
.stm_enter > h2,
.stm_fav > h2 {
  margin-left: 14px;
  margin-bottom: 8px;
  font-size: 16px;
}
.stm_enter > h2 + div,
.stm_fav > h2 + div {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}
.stm_enter ul,
.stm_fav ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.stm_enter ul li,
.stm_fav ul li {
  border-radius: 10px;
  height: 150px;
  width: 230px;
  margin: 8px;
  padding: 15px;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  border-left-width: 5px;
  border-bottom-left-radius: 0;
  cursor: pointer;
}

#myChnnlList .chn_a,
#favChnnlList .chn_a {
  border-radius: 10px;
  height: 150px;
  width: 230px;
  margin: 8px;
  padding: 15px;
  position: relative;
  flex: 0 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  border-left-width: 5px;
  border-bottom-left-radius: 0;
  cursor: pointer;
}

.stm_enter .ch_tit,
.stm_fav .ch_tit {
  color: #000;
  font-size: 15px;
  word-break: keep-all;
}
.ch_membernum {
  display: inline-block;
  position: absolute;
  left: 15px;
  bottom: 15px;
  font-weight: bold;
  color: #000;
}
.ch_membernum::after {
  content: "명 참여중";
  font-size: 12px;
  color: #000;
}

.ch_unreadnum {
  display: inline-block;
  position: absolute;
  right: -5px;
  top: -7px;
  font-weight: bold;
  color: #fff;
  background: red;
  border-radius: 30px;
  width: 25px;
  height: 25px;
  text-align: center;
  padding: 3px;
}

/*
	.stm_enter .favorit_btn{width:20px;height:20px;background:url(${pageContext.request.contextPath}/img/star_w.svg) center center no-repeat;transition:border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;;
	position:absolute;right:15px;bottom:15px;z-index:99;}
	.stm_enter .favorit_btn:hover{background:url(${pageContext.request.contextPath}/img/star_yellow.svg) center center no-repeat;}

	.stm_fav .favorit_btn{width:20px;height:20px;background:url(${pageContext.request.contextPath}/img/star_yellow.svg) center center no-repeat;transition:border-color 0.15s ease-in-out, background-color 0.4s linear 0s, color 0.15s ease-in-out;;
	position:absolute;right:15px;bottom:15px;}
	.stm_fav .favorit_btn:hover{background:url(${pageContext.request.contextPath}/img/star_w.svg) center center no-repeat;}*/

/*.dhxtabbar_tab_text::before {content:'';display:inline-block;background:url(../img/star.svg) center center no-repeat;width:15px;height:11px;vertical-align:middle;margin-right:3px;z-index:99;}*/

.dhxtabbar_tab_text::before:hover {
  background: url(../img/star_yellow.svg) center center no-repeat;
}

.leftsltcate.close-sidebar {
  display: none;
}

.bb {
  border-bottom: 1px solid #dadbdc;
}

.chinfo_btn {
  padding: 2px 7px;
  display: none;
}
#menuTabbars_btn {
  height: 39px;
}
#allClose {
  width: 30px;
  height: 30px;
  background: url("../img/new_sub/closeAllTabs.svg") no-repeat;
  background-position: center;
  vertical-align: top;
  border-radius: 0;
  border: 0;
}

#allClose i {
  display: none;
}

#user_profile {
  width: 27px;
  height: 27px;
  background: #fff url(../img/profile-user_blue.svg) center center no-repeat;
  background-size: 18px 18px;
  vertical-align: top;
  border: 0;
}
.user_profilediv {
  position: absolute;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  padding: 10px 15px;
  right: 27px;
  z-index: 90;
  text-align: center;
  display: none;
}
.user_profilediv .face_icon {
  position: relative;
  /* 	width: 100%; */
  margin: 0 auto;
}

#userPhoto {
  background-image: url(../img/common/myphoto_default.png);
}
.user_profilediv .face_icon .user_photo {
  width: 32px;
  height: 32px;
  overflow: hidden;
  margin: 0 auto;
  border-radius: 100%;
  background: url(../img/undraw_profile.svg) no-repeat;
  position: relative;
}

.user_profilediv .face_icon .user_photo img {
  width: 32px;
  background-size: cover;
  vertical-align: top;
}
.user_profilediv .status-indicator {
  width: 10px;
  height: 10px;
  border-radius: 100%;
  display: inline-block;
  position: relative;
  right: -11px;
  top: -11px;
  border: 1px solid #fff;
}
.user_profilediv .name_div {
  margin-top: -12px;
  display: block;
}
.user_profilediv .name {
  font-weight: bold;
}
.user_profilediv .depart {
  white-space: nowrap;
}
.user_profilediv .ip {
  color: #999;
  font-size: 11px;
}
.bg-none {
  background-color: #cacfd5 !important;
}

.bg-new {
  background-color: red !important;
}

.bg-success {
  background-color: #1cc88a !important;
}

.bg-leave {
  background-color: #1d48a0 !important;
}

#allClose i {
  color: #fff;
  font-size: 14px;
}

.top_line {
  height: 28px;
  width: 100%;
  background: #fff;
  border-bottom: 1px solid #dadbdc;
}

/* 영업활동에 영업활동 히스토리 */
.sale_view01 {
  clear: both;
  margin-top: 0 !important;
  border-bottom: none;
}
.sale_view01 table {
  clear: both;
  width: 100%;
  background: #fff;
} /*border-left:solid 1px #dfdfdf;border-right:solid 1px #ccc;*/
.sale_view01 table th {
  padding: 8px 5px 8px 5px;
  border-right: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;
  background: #f8f8fa;
  font-size: 12px;
  font-weight: bold;
  color: #53596e;
  text-align: center;
}
.sale_view01 table td {
  padding: 8px 5px 8px 5px;
  border-right: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;
  text-align: left;
  font-size: 12px;
  line-height: 1.6;
}
.sale_view01 table td a {
  color: #2e6e9e;
  vertical-align: middle;
}
.sale_view01 table td a:hover {
  text-decoration: underline;
}

.sale_view02 {
  clear: both;
  margin-top: 10px;
  border-top: solid 1px #dfdfdf;
  border-bottom: none;
}
.sale_view02 table {
  clear: both;
  width: 100%;
  border-left: solid 1px #dfdfdf;
  border-right: solid 1px #dfdfdf;
}
.sale_view02 table th {
  padding: 5px 5px 5px 5px;
  border-right: solid 1px #dfdfdf;
  border-bottom: solid 1px #dfdfdf;
  background: #f9fafb;
  font-size: 12px;
  font-weight: bold;
  color: #53596e;
  text-align: center;
}
.sale_view02 table td {
  position: relative;
  padding: 5px;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #dfdfdf;
  text-align: left;
  font-size: 12px;
}
.sale_view02 table td a {
  color: #333;
  vertical-align: middle;
}
.sale_view02 table td a:hover {
  text-decoration: underline;
}

.tab_form {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.channel_addbtn {
  width: 100%;
  border-radius: 0;
  background: #fff;
  font-weight: bold;
  border: 1px solid #dadbdc;
}

#myChnnlList,
#favChnnlList {
  height: 183px;
  overflow: auto;
  flex-wrap: nowrap;
}

.main_update ol {
  display: flex;
}
.main_update li {
  width: 33%;
}
.main_update ol li + div {
  width: 30%;
  border: 1px solid #ddd;
}
.main_update .upbox {
  padding: 20px;
  border: 1px solid #ddd;
  margin: 8px 0px 8px 8px;
  height: 138px;
  position: relative;
}
.main_update .d-flex {
  position: absolute;
  bottom: 16px;
}

.div_title {
  position: relative;
  height: 27px;
  width: 100%;
  padding: 0 4px;
}
.div_title .s_tit {
  font-weight: bold;
  font-size: 14px;
  display: inline-block;
  line-height: 24px;
  vertical-align: bottom;
}

.div_title .s_tit i {
  display: none;
}
.div_title .left {
  float: left;
  line-height: 32px;
}
.div_title .left span {
  vertical-align: middle;
}
.div_title .left .s_tit {
  font-weight: bold;
  font-size: 13px;
  margin-right: 5px;
}
.div_title .right {
  float: right;
  margin-top: 4px;
}
.div_title .right > * {
  /* 20241111 주석처리 */
  /*  display: inline-block; */
}
.div_title .btn {
  color: #0775d3;
  border: 1px solid #0775d3;
  background: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 0 8px;
  border-radius: 3px !important;
  min-width: 60px;
}

.table_sumnum {
  color: #f15b22;
  font-weight: bold;
  line-height: 32px;
}
.table_sumnum:before {
  content: "총 ";
  font-weight: normal;
  color: #333;
}
.table_sumnum:after {
  content: "건";
  font-weight: normal;
  color: #333;
}

.fm033_ul li {
  float: left;
  border: 1px solid #ddd;
  padding: 2px 6px;
  margin-right: 2px;
  margin-bottom: 2px;
  font-weight: normal;
  font-size: 12px;
}
.fm033_ul li a {
  width: 100%;
  height: 100%;
  display: block;
}
.fm033_ul li a:hover {
  font-weight: bold;
}
.fm033_ul .active {
  font-weight: bold;
}

.path_star {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url(../img/path_star_off.png) no-repeat;
}
.path_star_on {
  display: inline-block;
  width: 17px;
  height: 17px;
  vertical-align: middle;
  background: url(../img/path_star_on.png) no-repeat;
}

.div {
  height: auto;
  display: inline-block;
  box-sizing: border-box;
  border-radius: 2px;
}

.outer_line {
  border: 1px solid #dfdfdf;
  border-radius: 3px;
  margin-top: 5px;
  box-sizing: border-box;
}

.outer_grid {
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 200px;
  position: relative;
  border: 0 !important;
}

.outer_iframe {
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 200px;
  height: calc(100vh - 228px);
  overflow: auto;
  border: 1px solid #dfdfdf;
}

.outer_tab {
  display: flex;
  width: 100%;
  flex-direction: column;
  min-height: 200px;
  height: calc(100vh - 131px);
  overflow: auto;
}
.inner_tab {
  padding: 5px;
  padding-top: 0 !important;
  background: #fff;
}

.tab_dhtml_line {
  /* dhtml용 */
  min-height: inherit;
  height: 100%;
  overflow: hidden;
  border-bottom: 1px solid #dfdfdf;
}
.outer_line_grid {
  border: none;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  /*min-height: -webkit-calc(100vh - 150px);*/
  height: calc(100vh - 150px);
  position: relative;
  width: 100%;
  border-bottom: 1px solid #dfdfdf;
}

.outer_line_grid100 {
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  border-top: 0;
  border-bottom: 0;
  display: flex;
  flex-direction: column;
  min-height: 100px;
  height: calc(100vh - 131px);
  height: -ms-calc(100vh - 131px);
  height: -webkit-calc(100vh - 131px);
  position: relative;
  width: 100%;
}

.outer_line_form {
  overflow: auto;
  box-sizing: border-box;
  /* height: calc(100vh - 214px);*/
  display: flex;
  flex-direction: column;
}

/* 검색 밑 div_title 부분에 건수나 버튼 없을 경우 아래 영역 표현 */
.notitle_line_form {
  overflow: auto;
  border: 1px solid #dfdfdf;
  margin-top: 15px;
  min-height: calc(100vh - 103px) !important;
  box-sizing: border-box;
  height: calc(100vh - 200px) !important;
}

.outer_line_2dangrid {
  overflow: hidden;
  border: 1px solid #dfdfdf;
  margin-top: 5px;
  box-sizing: border-box;
  height: calc(100vh - 52vh) !important;
  border-top: none;
}
.outer_line_2danform {
  overflow: auto;
  border: 1px solid #dfdfdf;
  margin-top: 5px;
  box-sizing: border-box;
  height: calc(100vh - 52vh) !important;
  border-top: none;
}
.outer_line_2dangrid2 {
  overflow: hidden;
  border: 1px solid #dfdfdf;
  margin-top: 5px;
  box-sizing: border-box;
  height: calc(45vh - 98px) !important;
  border-top: none;
}

.dhtml_line_2danpaging2 {
  /* dhtml용 */
  border: 1px solid #dfdfdf;
  border-left: none;
  border-right: none;
  height: calc(45vh - 165px) !important;
  overflow: hidden;
}

.dhtml_line_2danpaging {
  /* dhtml용 */
  border: 1px solid #dfdfdf;
  border-left: none;
  border-right: none;
  height: calc(55vh - 160px) !important;
  overflow: hidden;
}

.dhtml_line_2dan {
  /* dhtml용 */
  border: 1px solid #dfdfdf;
  border-left: none;
  border-right: none;
  height: calc(55vh - 140px) !important;
  overflow: hidden;
}

.dhtml_grid {
  height: inherit !important;
  min-height: inherit !important;
  width: inherit !important;
  min-width: inherit !important;
  display: flex;
  flex-direction: column;
  position: relative;
}

.dhtml_line_paging {
  /* dhtml용 */
  border-bottom: 1px solid #dfdfdf;
  height: calc(100vh - 179px) !important;
  overflow: hidden;
}

.dhtml_line {
  /* dhtml용 */
  border-left: none;
  border-right: none;
  overflow: hidden;

  min-height: 100%;
  height: 100%;
  border: 1px solid #90b6ea;
  border-top: none;
}
.div_line_bottom {
  border-bottom: 1px solid #90b6ea;
}
.div_liner {
  border: 1px solid #90b6ea;
}

.div_divine {
  height: 100%;
  display: inline-block;
}
.div_line_pd7 {
  /* 사방 5px 여백 */
  border: 1px solid #90b6ea;
  border-radius: 2px;
  min-height: calc(100vh - 130px) !important;
  box-sizing: border-box;
}

.div_line_pdlr7 {
  /* 좌우측 5px 패딩여백 */
  border-radius: 2px;
  min-height: calc(100vh - 130px) !important;
  box-sizing: border-box;
}
.searchx2h {
  height: calc(100vh - 169px) !important;
  min-height: auto !important;
}
.searchx2h > .dhtml_line_paging {
  height: calc(100vh - 218px) !important;
}
.searchx2h > .dhtml_line {
  height: calc(100vh - 169px) !important;
}
.searchx2h > .outer_tab > .dhtml_line {
  height: inherit !important;
}

/* 왼쪽 그리드의 테이블의 첫번째 td에만 적용, 240925*/
/* .dhtml_line td:nth-of-type(1) {
 border-left: none !important;
} */

div.gridbox_material.gridbox .xhdr {
  width: inherit !important;
  overflow: hidden !important;
}

div.gridbox .objbox {
  width: inherit !important;
  /* height: 0 !important; */
}

div.gridbox_material.gridbox table.obj tr td.numbercell {
  background: #f2f5f7;
  border-bottom: solid 1px #90b6ea;
}

#noFoundDataOnGridMsg {
  margin-top: 5%;
  text-align: center;
}

/* 2021-06-15 메뉴10개, 메뉴추가시 min-height 조정 */
@media screen and (min-height: 1010px) {
  #slide {
    display: none;
  }
  #slideBack {
    display: none;
  }
}

.consearch_div {
  display: table;
  overflow: visible;
  white-space: nowrap;
  vertical-align: middle;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
}
.consearch_div.nopath {
  border-top: 1px solid #dfdfdf;
}
/* 프레임 안쪽 검색 div */
.consearchbt_div:after {
  content: "";
  display: block;
  clear: both;
}
.consearch_div_in {
  display: table;
  overflow: visible;
  white-space: nowrap;
  vertical-align: middle;
  height: 33px;
  width: 100%;
  border: 1px solid #dfdfdf;
  box-sizing: border-box;
  background: #fff;
  line-height: 29px;
}
.consearch_input {
  display: table-cell;
  padding: 0px;
  box-sizing: border-box;

  line-height: inherit;
}
.consearchbt_div {
  display: table-cell;
  padding: 0px;
  box-sizing: border-box;
  line-height: inherit;
  vertical-align: middle;
}

.consearchinput_list {
  position: relative;
}
.consearchinput_list li {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  line-height: 1;
}
.consearchinput_list li:last-child {
  margin-right: 0;
}
.pop-content .consearchinput_list .span {
  padding: 0;
  padding-right: 12px;
}
.pop-content .consearchinput_list{
	gap: 10px;

}
.pop-content .consearch_div_in {
  padding: 0 16px;
  background: #f8f8fa;
}

.pop-content .consearchinput_list input, .consearchinput_list select{
	height: 25px;
	min-height: 25px;
	border-radius: 2px;
}
.pop-content #searchBplcForm{
	margin-bottom: 10px;
}

.pop-content .consearchinput_list li {
  padding: 0;
  display: flex;
}

.pop-content .consearchinput_list li:last-child {
  margin-right: 0;
}
.consearchinput_list .span {
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px 0 16px;
  height: 33px;
  font-weight: bold;
  line-height: 33px;
}
.consearchinput_list li:first-child .span {
  border-left: 0 !important;
}
.consearchinput_list > li:nth-child(1) > span {
  border-left: 0;
}
.consearchbt_list {
  vertical-align: middle;
  position: relative;
  justify-content: flex-end;
  display: flex;
}

.consearchbt_list::after {
  content: "";
  display: block;
  clear: both;
}
.consearchbt_list .glyphicon-search {
  vertical-align: middle;
}
.consearchbt_list .glyphicon-refresh {
  vertical-align: middle;
}
.consearchbt_list li {
  float: left;
} /*color:#333; display:block;width:100%;height:100%; font-weight:bold;transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out,background-color 0.15s ease-in-out 0s;*/

.consearchbt_list li a {
  display: block;
  font-size: 12px;
  border: 1px solid #dfdfdf;
  color: #333;
  padding: 0px 7px;
  background: #fff;
  transition: background-color 0.15s ease-in-out 0s;
  margin-right: 5px;
  font-weight: bold;
}


/* 모든 팝업의 조회 버튼을 여기에 넣어주세요. */
#btnBplcPopupSearch,
#btnEmpPopupSearch,
#btnMenuListPopupSearch, #btnLimProcsPopupSearch, #btnFcltPopupSearch, #btnPopupSearch{
  background: linear-gradient(180deg, rgba(27, 150, 255, 1) 0%, rgba(7, 117, 211, 1) 100%);
  border: 1px solid #0775d3;
  border-radius: 3px;
  margin-right: 2px;
  min-width: 50px;
  height: 27px;
  line-height: 27px;
  text-align: center;
}

/* 모든 팝업의 조회 버튼의 span을 여기에 넣어주세요. */
#btnBplcPopupSearch span, #btnLimProcsPopupSearch span, #btnFcltPopupSearch span {
  color: #fff;
}

/* 모든 팝업의 초기화 버튼을 여기에 넣어주세요. */
#btnBplcPopupInit,
#btnEmpPupupInit,
#btnMenuListPopupInit, #btnLimProcsPopupInit, #btnFcltPopupInit, #btnPopupInit {
  background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(238, 238, 238, 1) 100%);
  border: 1px solid #999999;
  border-radius: 3px;
  margin-right: 0;
  min-width: 50px;
  height: 27px;
  line-height: 27px;
  text-align: center;
}

#btnBplcPopupSearch span:first-child,
#btnBplcPopupInit span:first-child {
  display: none;
}



#btnPopupOk > span:first-child {
  display: none;
}

#btnPupupClose > span:first-child {
  display: none;
}

.flex2 .outer_line_grid {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 176px);
  border: 1px solid #dfdfdf;
} /*background:url(../img/leaf_bg.jpg) right top no-repeat;*/
.flex2 .outer_line_form {
  display: flex;
  flex-direction: column;
  overflow: auto;
  min-height: calc(100vh - 176px);
  height: calc(100vh - 200px);
} /*background:url(../img/leaf_bg.jpg) right top no-repeat;*/

/* 팝업 윈도우 minmax 지우기 */
.dhxwins_vp_material:has(.no_popup_minmax) .dhxwin_active .dhxwin_btns .dhxwin_button_minmax {
  display: none;
}

@media (max-width: 1440px) {
  .leftbigcate {
     
  }
  .leftbigcate h1.logo {
    width: 150px;
    background-size: 100%;
    background-position: center;
  }

  .leftbigcate .right p {
    white-space: nowrap;
    font-size: 13px;
  }

  .leftbigcate .right {
    gap: 24px;
  }

  .leftbigcate .right > div {
    display: block;

    position: relative;
  }

  .leftbigcate .right > div p::after {
    display: none;
  }

  .nav_list {
    width: auto;
    justify-content: flex-start;
    gap: 4px;
    padding-right: 4px;
  }

  .nav_list li,
  .bgWhite .nav_list li {
    margin-right: 0;
    font-size: 15px;
  }

  .nav_list li a,
  .bgWhite .nav_list li a {
    padding: 0;
  }
}

.dhx_cell_cont_tabbar .outer_line_grid {
  height: auto;
}

/*탭 영역 전체 border*/
.outer_tab {
  border: 1px solid #00a3a9;
}

/*탭 영역 왼쪽에 패딩 */
.dhx_cell_tabbar > .dhx_cell_cont_tabbar {
  padding: 0;
}

/* 메인 */

.main_bg {
  width: 100%;
  height: 100%;
  background-image: url("../img/new_sub/main_bg.jpg");
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

/* 햄버거 버튼은 평소에 숨겨짐 */
.hamburger {
  display: none;
}

.bgWhite {
  background: #fff;
  border-bottom: 1px solid #aaa;
}

.bgMint{
	background: #00A3A9;
}

.bgWhite.leftbigcate {
  padding-right: 0;
}



.bgWhite.leftbigcate .logo {
  background-image: url(../img/domain/logo.svg);
  background-color: #fff;
}




.bgWhite.leftbigcate .right strong {
  color: #333;
}

.bgWhite.leftbigcate .right p {
  color: #333;
}

.bgWhite.leftbigcate .right .login_time {
  background: #f4f4f4 url("../img/new_header/login_time_gray.svg");
  background-repeat: no-repeat;
  background-position: 6px center;
}

.bgWhite.leftbigcate .right .board {
  background: url("../img/new_header/board_blue.svg");
  background-repeat: no-repeat;
  background-position: left center;
  color: #0775d3;
}

.bgWhite.leftbigcate .right .board strong {
  color: #0775d3;
}

.bgWhite.leftbigcate .right .board::after {
  content: "";
  position: absolute;
  top: 8px;
  right: -10px;
  width: 1px;
  height: 12px;
  background: rgba(51, 51, 51, 0.6);
}

.bgWhite.leftbigcate .right p::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -12px;
  width: 1px;
  height: 12px;
  background: rgba(51, 51, 51, 0.6);
}

.bgWhite.leftbigcate .right .login_time::after {
  display: none;
}

.scroll-wrap {
  width: 100%;
  height: calc(100vh - 50px);
  padding-bottom: 60px;
  position: absolute;
  top: 50px;
  overflow: auto;
}
.main-wrap {
  max-width: 85%;
  margin: 60px auto 0;
  display: flex;
  gap: 20px;
}
.first-wrap {
  max-width: 280px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.main_box {
  border-radius: 6px;
  background: #fff;
  border: 1px solid #eaeaea;
  background: #fafafa;
}



/* 하수 */

.items td{
	position: relative;
}

.tmsInfo .emo {
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  top: 5px;
  right: 12px;
  background: url("../img/new_sub/emo_happy.svg") no-repeat;
}

.tmsInfo .emo.angry {
  background: url("../img/new_sub/emo_angry.svg") no-repeat;
}

.tmsInfo > div {
  width: 50%;
  padding: 30px 24px;
}

.tmsInfo h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 20px;
}



/* 스크롤 디자인 */
/* 전체 스크롤바 스타일 */
.tmsInfo h3 + div::-webkit-scrollbar {
  height: 14px !important; /* 가로 스크롤바 높이 */
}

/* 스크롤바 트랙 (바탕) */
.tmsInfo h3 + div::-webkit-scrollbar-track,
.tmsInfo table::-webkit-scrollbar-track {
  background: none !important;
}

/* 스크롤바 핸들 (이동 가능한 부분) */
.tmsInfo .sewage h3 + div::-webkit-scrollbar-thumb,
.tmsInfo table::-webkit-scrollbar-thumb {
  background-color: #b7d8f3 !important; /* 색상 */
  border-radius: 10px !important; /* 둥근 모서리 */
}

/* 스크롤바 핸들 (이동 가능한 부분) */
.tmsInfo .incineration h3 + div::-webkit-scrollbar-thumb {
  background-color: #f8cece !important; /* 색상 */
  border-radius: 10px !important; /* 둥근 모서리 */
}

.tmsInfo h3 + div.sewage::-webkit-scrollbar-thumb:hover {
  background: red !important;
}

.tmsInfo h3 + div::-webkit-scrollbar-button,
.tmsInfo table::-webkit-scrollbar-button {
  display: none !important; /* 화살표 숨기기 */
}

.tmsInfo table::-webkit-scrollbar-corner {
  background: transparent; /* 회색 네모 박스 제거 */
}

.tmsInfo table {
  display: block;
  width: 100%;
  height: 149px;
  overflow: hidden;
}

.tmsInfo th,
.tmsInfo td {
  height: 24px;
  font-size: 13px;
}

.tmsInfo th {
  padding: 3px 36px;
  color: #fff;
  font-weight: 500;
  position: sticky;
  top: 0;
}

#gongchon th, #cheongna th, #songdo th{
	padding: 3px 8px !important;
}

#sinhang th:nth-of-type(2){
	padding: 3px 27px;
}

.tmsInfo .badNum {
  color: #e80710;
  font-weight: 600;
  animation: blink 1.5s infinite;
}

@keyframes blink {
  0%,
  100% {
    opacity: 1; /* 보임 */
  }
  50% {
    opacity: 0; /* 숨김 */
  }
}

.sewage {
  background: #e9f5ff;
}


.incineration {
  background: #fff0f0;
}

.sewage th {
  background: #0775d3;
}

.sewage td {
  font-weight: 400;
  border-bottom: 1px solid #d6e7f8;
}

.tmsInfo h5 {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  margin-bottom: 10px;
}


/* items를 감싸는 div임 */
.slider {
  width: 100%;
  height: 206px;
  position: relative;
  display: flex;
  white-space: nowrap;
  scroll-behavior: smooth;
  overflow: hidden;
}

.slide-track {
  display: block;
}

.tmsInfo .slider {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.2s ease-out, transform 0.2s ease-out;
}

.tmsInfo .slider.is-loading {
  opacity: 0;
  transform: translateY(8px);
}

.tmsInfo .slider.is-ready {
  opacity: 1;
  transform: translateY(0);
}


.sewage .custom-prev{
	position: absolute;
	top: -26px;
	right: 32px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url("../img/new_sub/btn_prev.svg") no-repeat;
	width: 20px;
	height: 20px;

}


.sewage .custom-toggle{
	position: absolute;
	top: -26px;
	right: 6px;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 20px;
	height: 20px;
	text-indent: -9999px;

}

.incineration .custom-toggle{
	position: absolute;
	top: -26px;
	right: 6px;
	transform: translate(-50%, -50%);
	z-index: 1;
	width: 20px;
	height: 20px;
	text-indent: -9999px;

}

.sewage .custom-toggle.play {
    background: url("../img/new_sub/btn_play.svg") no-repeat;

}

.sewage .custom-toggle.pause {
    background: url("../img/new_sub/btn_pause.svg") no-repeat;
}


.incineration .custom-toggle.play {
    background: url("../img/new_sub/btn_play2.svg") no-repeat;

}

.incineration .custom-toggle.pause {
    background: url("../img/new_sub/btn_pause2.svg") no-repeat;
}


.sewage .custom-prev:hover{
	background: url("../img/new_sub/btn_prev_hover.svg") no-repeat;
}
.sewage .custom-next{
		position: absolute;
	top: -26px;
	right: -20px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url("../img/new_sub/btn_next.svg") no-repeat;
	width: 20px;
	height: 20px;
}
.sewage .custom-next:hover{
		background: url("../img/new_sub/btn_next_hover.svg") no-repeat;
}

.incineration .custom-prev{
	position: absolute;
	top: -26px;
	right: 32px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url("../img/new_sub/btn_prev2.svg") no-repeat;
	width: 20px;
	height: 20px;
}

.incineration .custom-prev:hover{
	background: url("../img/new_sub/btn_prev2_hover.svg") no-repeat;
}

.incineration .custom-next{
		position: absolute;
	top: -26px;
	right: -20px;
	transform: translate(-50%, -50%);
	z-index: 1;
	background: url("../img/new_sub/btn_next2.svg") no-repeat;
	width: 20px;
	height: 20px;
}

.incineration .custom-next:hover{
	background: url("../img/new_sub/btn_next2_hover.svg") no-repeat;
}


.slide-track1 .slick-dots{
	position: absolute;
	bottom: 0;
	left: 50%;
	border: 1px solid red;
	z-index: 99;
	display: flex !important;
	transform: translate(-50%, -50%);
}



.sewage .items,
.incineration .items {
  background: #fff;
  border-radius: 8px;
  padding: 12px 10px;
  margin-right: 20px;
}

.tmsInfo .items {
  width: 331px !important;
  border: 1px solid #85aacf;
  height: 206px;
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
.tmsInfo .items {
  width: 282px !important;
}

.tmsInfo th{
	    padding: 3px 29px;
}

#sinhang th:nth-of-type(2){
	padding: 3px 17px;
}

.tmsInfo .emo{

	right: 6px;
}
}

.incineration .items {
  border: 1px solid #ffb6b6;
}

.incineration th {
  background: #ff7272;
}

.incineration td {
  border-bottom: 1px solid #ffdfdf;
}
/* 각 div의 제목들 */
.main_tlt {
  font-size: 18px;
  font-weight: 600;
  height: 46px;
  line-height: 46px;
  width: 100%;
  border-bottom: 1px solid #eaeaea;
  padding-left: 24px;
  background: url(../img/new_sub/main_notice_more.svg) no-repeat;
  background-position: 92% center;
}

.first-wrap > .div1 {
  width: 100%;
  background: #d3e9fd;
  padding: 30px 24px 24px;
  border: none;
  border-radius: 6px;
}

.first-wrap > .div1 > p:nth-of-type(1) {
  font-size: 18px;
}

.first-wrap > .div1 > p:nth-of-type(1) > strong {
  font-size: 20px;
}

.first-wrap > .div1 > p:nth-of-type(2) {
  font-size: 16px;
  color: #354d62;
}

.first-wrap > .div1 > div {
  margin-top: 18px;
}

.first-wrap > .div1 h5 {
  font-weight: 600;
  color: #2b4055;
  font-size: 18px;
  margin-bottom: 10px;
  background: url(../img/new_sub/main_notice_more.svg) no-repeat;
  background-position: right center;
}

.first-wrap > .div1 ul li {
  width: 100%;
  height: 34px;
  background: #fff;

  padding: 7px 16px 8px;

  border-radius: 3px;
  margin-bottom: 4px;
}

.first-wrap > .div1 ul li:last-child {
  margin-bottom: 0;
}

.first-wrap > .div1 ul li span {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #555;
  font-size: 14px;
}

.first-wrap > .div1 ul li.new {
  background-image: url("../img/new_sub/new.svg");
  background-position: 16px center;
  background-repeat: no-repeat;
  padding-left: 32px;
}

.first-wrap > .div2 {
  padding: 20px 24px;
  background: #5badfc;
  border: none;
  border-radius: 6px;
  color: #fff;
}

.first-wrap > .tmpDiv {
  padding: 20px 10px;
  background: #fff;
  border: none;
  border-radius: 6px;
  color: #fff;
}

.first-wrap > .tmpDiv th, .tmpDiv td{
	border: 1px solid #666;
	font-size: 13px;
	font-weight: 500;
}

.first-wrap > .tmpDiv th{
	background: #f6f6f6;
	font-weight: 500;
}

.table-slick .slick-slide{
	width: 260px !important;
}


.table-slick .slick-dots{

  display: flex;
  justify-content: center;
  gap: 6px;
  margin-top: 10px;
}


.table-slick li{
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #666;
	overflow: hidden;

}
.table-slick .slick-dots li button{
	text-indent: -9999px;


}

.slick-dots li.slick-active {
  background-color: #0775d3 !important; /* 활성화된 버튼 색상 */
}









.first-wrap > .tmpDiv h3{
	    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}


.first-wrap > .div2 .date {
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  margin-bottom: 10px;
  background: url("../img/new_sub/weather_calendar.svg") no-repeat;
  background-position: left -2px;
  background-size: contain;
  padding-left: 30px;
}

.first-wrap > .div2 > .weather {
  position: relative;
}

.first-wrap > .div2 > .weather > div:first-child {
  display: flex;
  align-items: center;
}

.first-wrap > .div2 > div .weather_icon {
  width: 80px;
  height: 65px;
  margin-right: 15px;
}

.temp_section * {
  color: #fff;
}

.current_temp {
  margin-bottom: 3px;
}

.current_temp p {
  /* display: inline; */
}

.current_temp .now {
  font-size: 38px;
  color: #fff;
  font-weight: 600;
  margin-bottom: -8px;
}

.current_temp .small {
  font-size: 15px;
  color: #fff;
}
.temp_range p {
  margin-top: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
}

.temp_range p:first-child {
  margin-top: 8px;
}
.temp_range span {
  font-weight: 500;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
}

/* 엄청 맑음 */
.first-wrap > .div2 > div .weather_icon.clearSky {
  background: url("../img/new_sub/ClearSky.svg") no-repeat;
}

/* 맑고 구름 */
.first-wrap > .div2 > div .weather_icon.mostlySunny {
  background: url("../img/new_sub/MostlySunny.svg") no-repeat;
}

/* 개이고 있음 & 구름 걷힘 */
.first-wrap > .div2 > div .weather_icon.clearUp {
  background: url("../img/new_sub/ClearingUp.svg") no-repeat;
}

/* 엄청난 소나기 */
.first-wrap > .div2 > div .weather_icon.heavyShower {
  background: url("../img/new_sub/HeavyShowers.svg") no-repeat;
}

/* 비 내림 */
.first-wrap > .div2 > div .weather_icon.rainy {
  background: url("../img/new_sub/Rainy.svg") no-repeat;
}

/* 천둥번개 침 */
.first-wrap > .div2 > div .weather_icon.thunderStorm {
  background: url("../img/new_sub/Thunderstorm.svg") no-repeat;
}

/* 눈 내림 */
.first-wrap > .div2 > div .weather_icon.snowing {
  background: url("../img/new_sub/Snowing.svg") no-repeat;
}

/* 구름낌 */
.first-wrap > .div2 > div .weather_icon.cloudy {
  background: url("../img/new_sub/Cloudy.svg") no-repeat;
}

.first-wrap > .div3 > div {
  background: #f6f6f6;
  margin: 0 24px 10px;
  height: 34px;
  line-height: 34px;
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
}

.first-wrap > .div3 > div:nth-of-type(1) {
  margin-top: 18px;
}

.first-wrap > .div3 > div:nth-of-type(3) {
  margin-bottom: 18px;
}

.first-wrap > .div3 > div p:first-child {
  font-size: 15px;
  color: #333;
}

.first-wrap > .div3 > div p:last-child {
  font-size: 15px;
  font-weight: 500;
  color: #000;
}

.first-wrap > .div3 > div p strong {
  font-size: 14px;
  font-weight: 600;
  color: #000;
}

.first-wrap .bulletin {
  padding: 14px 24px 0;
}

.first-wrap .bulletin li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  position: relative;
  padding-left: 8px;
  align-items: center;
}

.first-wrap .bulletin li::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #757575;
  transform: translate(-50%, -50%);
  position: absolute;
  top: 50%;
  left: 0;
}

.first-wrap .bulletin li a {
  width: 88%;
  color: #333;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  white-space: nowrap;
}

.first-wrap .bulletin li:hover a {
  text-decoration: underline !important;
}
.first-wrap .bulletin li span {
  color: #757575;
  font-weight: 300;
}

.second-wrap {
  width: 100%;
}

.second-wrap > div:first-child {
  margin-bottom: 20px;
}
.second-wrap .div4 {
  width: 100%;
  height: 435px;
}

/* 각 차트를 감싸는 큰 div */
.second-wrap .div4 > div {
  width: 90%;
  height: inherit;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px 0;
}
/* 각 차트의 크기*/
.chart_div {
  flex: 0 0 calc(50% - 20px);
  height: 188px;
  box-sizing: border-box;
}

.second-wrap .main_flex {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.second-wrap .graph1,
.second-wrap .graph3 {
  border-bottom: 1px solid #e3e3e3;
}
.second-wrap iframe {
  width: 100%;
  height: 100%;
  display: block;
  margin-top: 0 !important;
  border-radius: 6px;
}

.second-wrap .graph1 > iframe,
.second-wrap .graph3 > iframe {
  margin-top: 30px;
  margin-bottom: 24px;
}

.second-wrap .graph2 > iframe,
.second-wrap .graph4 > iframe {
  margin-top: 24px;
  margin-bottom: 30px;
}

/* 공지사항, 의견수렴, 보도자료 */
.second-wrap .div6,
.second-wrap .div7,
.second-wrap .div8 {
  width: 33.3%;
}

.second-wrap .div6 h3,
.second-wrap .div7 h3,
.second-wrap .div8 h3 {
  background: url("../img/new_sub/main_notice_more.svg") no-repeat;
  background-position: 95% center;
}

.second-wrap ul.bulletin {
  margin: 20px 24px 20px;
}

.second-wrap ul.bulletin li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}

.second-wrap ul.bulletin li:last-child {
  margin-bottom: 0;
}

.second-wrap ul.bulletin li a {
  font-size: 15px;
  color: #333;
  width: 80%;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
}
.second-wrap ul.bulletin li a:hover {
  text-decoration: underline !important;
  color: #000;
}

.second-wrap ul.bulletin li span {
  font-size: 15px;
  font-weight: 300;
  color: #757575;
}

.leftbigcate.m .hamburger_close {
  display: none;
  z-index: 99;
  width: 24px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 20px;
  background: url("../img/new_header/menu-hamburger-close.svg") no-repeat;
}

/* 20241030 시스템->메뉴얼등록*/

#saveFormMhshra007Table {
  width: 100%;
}

.div_title_btn {
  min-width: 64px;
  height: 27px;
  border: none;
  border-radius: 3px;
  background-color: #0775d3;
  background-position: 6px center;

  color: #fff;

  font-size: 14px;

  font-weight: 500;

  margin-bottom: 6px;
}

.div_title_btn i {
  display: none;
}

@media screen and (max-width: 1280px) {
  .contents_wrap {
    height: 96vh;
  }

  /* 메인 */

  .leftbigcate.m #nav_list_box,
  .leftbigcate.m > .right {
    /* display: none;*/
  }

  /* header !!!!!! */

  .leftbigcate.m .hamburger_close {
    display: block;
  }

  .leftbigcate.m #nav_list_box {
    display: none;
    width: 60%;
    height: 100vh;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 90;
    padding-top: 130px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  }

  .leftbigcate.m > .right {
    display: none;
    width: 60%;
    position: absolute;
    right: 0;
    top: 60px;
    background: #fff;
    z-index: 91;
    justify-content: center;
    padding-bottom: 42px;
    border-bottom: 1px solid #ccc;
  }

  .bgWhite .nav_list li {
    max-width: 100%;
    width: 100%;
  }

  .bgWhite .nav_list li:hover {
    width: 100%;
    border-radius: 0;
    height: 50px;
    line-height: 50px;
  }

  .bgWhite .nav_list li:hover a {
    color: #fff;
    height: 50px;
    line-height: 50px;
  }

  .leftbigcate.m .right > div {
    display: flex;
  }

  .leftbigcate.m > .right p {
    color: #333;
    font-size: 15px;
  }

  .leftbigcate.m .right > div p:last-child {
    min-width: 100px;
  }

  .leftbigcate.m .right > div p::after {
    display: block;
    background: rgba(51, 51, 51, 0.6);
  }

  .leftbigcate .right p::after,
  .leftbigcate .right .board::after {
    background: rgba(51, 51, 51, 0.6);
  }
  .leftbigcate.m .right strong {
    color: #0775d3;
    font-size: 15px;
  }

  .leftbigcate.m .right .login_time {
    background-image: url("../img/new_sub/login_time_gray.svg");
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    position: relative;
  }

  .leftbigcate.m .right .login_time::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: -12px;
    width: 1px;
    height: 12px;
    background: rgba(51, 51, 51, 0.6);
  }

  .leftbigcate.m .right .logout {
    background: url(../img/new_header/logout_gray.svg) no-repeat;
    background-position: center 3px;
    background-size: contain;
    width: 20px;
    height: 20px;
  }
  .leftbigcate.m .right .board {
    background: url(../img/new_header/board_gray.svg) no-repeat;
    background-position-y: 6px;
  }

  .leftbigcate.m .right .board strong {
    color: #333;
  }

  .leftbigcate.m .nav_list {
    width: 100%;
  }

  .leftbigcate.m .nav_list {
    display: block;
    overflow: auto;
  }

  .leftbigcate.m #nav_list_box a {
    color: #333;
    width: 100%;
  }

  .leftbigcate.m .nav_list li:hover a::after,
  .leftbigcate.m .nav_list ul li.on a::after {
    display: none;
  }

  .leftbigcate.m #nav_list_box a:hover {
    color: #fff;
  }
  .leftbigcate.m {
    padding: 0 20px;
  }
  .hamburger {
    display: block;
    width: 50px;
    height: 50px;
    background: url("../img/new_header/menu-hamburger.svg") no-repeat center right;
  }
}

/* !!!!!!!!!!!!!!!!!!!!!!!! 모바일 !!!!!!!!!!!!!!!!!!!!!!!! */
@media all and (max-width: 767px) {
  html,
  body {
    overflow: initial !important;
    background: #f7f7f7 !important;
    height: auto !important;
  }

  .tmsInfo {
    flex-direction: column;
  }

  .tmsInfo > div {
    width: 100%;
  }

  /* header */

  .leftbigcate.m #nav_list_box {
    width: 100%;
    position: fixed;
  }
  .leftbigcate.m {
    background: #fff;
    height: 50px;
  }
  .leftbigcate.m h1.logo {
    width: 130px;
    height: 50px;
  }

  .leftbigcate.m > .right {
    width: 89%;
    position: fixed;
    flex-wrap: wrap;
  }

  .main_bg {
    display: none;
  }

  .hamburger {
    width: 50px;
    height: 50px;
  }

  .main-wrap {
    display: block;
    margin-top: 80px;
    margin-bottom: 60px;
  }

  .first-wrap {
    max-width: initial;
    margin-bottom: 20px;
  }

  .second-wrap .main_flex {
    display: block;
  }

  .second-wrap .div4 {
    margin-bottom: 20px;
  }
  .second-wrap .div4,
  .second-wrap .div5 {
    width: 100%;
  }

  .second-wrap .div6,
  .second-wrap .div7,
  .second-wrap .div8 {
    width: 100%;
  }

  .second-wrap .div6,
  .second-wrap .div7 {
    margin-bottom: 20px;
  }
}

.tooltip {
  display: none;
}

#btnReceive:hover + .tooltip {
  display: block;
  min-width: 280px;
  position: absolute;
  z-index: 5;
  top: 40px;
  right: -10px;
  background-color: orangered;
  padding: 2px 8px;
  color: white;
  font-size: 14px;
  letter-spacing: -0.5px;
  border-radius: 4px;
  border: 1px solid orangered;
  opacity: 1;
  transition: opacity 1s;
  word-break: keep-all;
}

.tooltip:before {
  width: 40px;
  height: 20px;
  position: absolute;
  top: -20px;
  right: 20px;
  overflow: hidden;
}

.tooltip:after {
  content: "";
  width: 20px;
  height: 20px;
  position: absolute;
  top: -10px;
  left: 62%;
  background-color: orangered;
  transform: rotate(45deg);
  transform-origin: 0 0;
  z-index: -1;
  /*변환 기준점 변경*/
}


/* 20241224 하수유입량예측, 소각발생략예측 테이블 */
table.aimmng001{
	border: 1px solid #aaa;
	border-top: 1px solid #666;
	border-right: none;
	border-bottom: none;
}

table.aimmng001 th, table.aimmng001 td{
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	padding: 4px 10px;
}

table.aimmng001 th{
	background: #f6f6f6;
}



/* 통합조회 : 검색조건 줄맞추기 */
.commng032 .box{
	padding: 16px;
}

.commng032 .box>div{
	display: inherit;
	align-items: inherit;
	height: auto;
}

.commng032 .tlt{
	font-size: 14px;
	font-weight: bold;
	width: 130px;

}

.commng032 label{
	margin: 0 !important;
	padding: 0 !important;
}
#divSe>ul>li, #divBplcSe>ul>li,#divTaskSe2>ul>li,#divTaskSe3>ul>li,#divDetailTaskSe>ul>li, #divBplc>ul>li, #divTaskSe>ul>li, #divDate>ul>li {
	width: auto;
	display: inline-flex !important;
	padding: 0;
	vertical-align: top;
}

#divBplc>ul>li>input, #divTaskSe>ul>li>input{
	margin: 0 4px 0 4px;
}

.tab-normal{
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    padding: 0 20px;
    background: rgba(0, 163, 169, 0.05);
    border: 1px solid #00A3A9 !important;
    border-bottom: none !important;
    border-left: 0;
    height: 36px;
}
.tab-active1{
	color: #fff;
    background: #00A3A9;
}


.rcfviw001{
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
	border-top : 1px solid #90b6ea;
	border-bottom : 1px solid #90b6ea;
}

.rcfviw001>div{

	padding: 4px 10px;
	width: calc(100% / 8);
}
.rcfviw001>div:last-child{
	border-right: 1px solid #90b6ea;
}

.rcfviw001>div:nth-child(odd){
	background: #E8F2FF;
		border-left: 1px solid #90b6ea;
		border-right: 1px solid #90b6ea;
}

.rcfviw001>div:nth-child(even){
	text-align: right;


}