@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul, li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, q:before,
blockquote:after, q:after {
  content: "";
  content: none;
}

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

button {
  background-color: transparent;
  outline: none;
  border: 0;
  cursor: pointer;
}

*, ::after, ::before {
  box-sizing: border-box;
}

::-moz-selection {
  background: #6DE388;
}

::selection {
  background: #6DE388;
}

strong {
  font-weight: 700;
}

html {
  width: 100%;
  height: 100%;
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-size: 0.875rem;
  font-family: "Noto Sans KR", sans-serif;
  letter-spacing: -0.02rem;
}

img {
  border: 0 none;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}

video {
  border: 0 none;
  outline: 0 none;
}

.wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}
.wrapper .side-lnb {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 270px;
  height: 100vh;
  background: #172879;
  color: #fff;
  transition: all 0.3s;
}
.wrapper .side-lnb.active {
  margin-left: -270px;
}
.wrapper .main-container {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: calc(100% - 270px);
  height: 100%;
  background: #F2F4F5;
  transition: all 0.3s;
}
.wrapper .main-container.active {
  width: 100%;
}
.wrapper .main-container.active .ico-btn-menu {
  transform: rotate(180deg);
}
.wrapper .main-container .content {
  overflow: auto;
  padding: 1.5rem;
  height: calc(100% - 58px);
  position: relative;
}
@media (max-width: 768px) {
  .wrapper .main-container .content {
    padding: 1rem 0.75rem;
  }
}

@media (max-width: 1600px) {
  .wrapper .side-lnb {
    margin-left: -270px;
  }
  .wrapper .side-lnb.active {
    margin-left: 0;
  }
  .wrapper .main-container {
    width: 100%;
  }
  .wrapper .sidebar-collapse span {
    display: none;
  }
  .overlay {
    width: 0;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 30;
    background-color: rgba(34, 34, 34, 0.6);
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s linear, visibility 0.1s, width 1s ease-in;
  }
  .overlay.show {
    width: 100%;
    opacity: 1;
    visibility: visible;
    transition: opacity 0.5s ease, width 0s;
  }
}
.widget-container.card-view {
  position: relative;
}
.widget-container.card-view .card-columns {
  width: 100%;
  padding-top: 1.25rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.widget-container.card-view .card-columns .box-outter {
  padding: 0;
}
.widget-container.card-view .card-columns .card {
  border-radius: 0.375rem;
  margin-bottom: 1.25rem;
  border: 0 none;
  -webkit-backface-visibility: hidden;
}
.widget-container.card-view .card-columns .card.no-mr {
  margin-bottom: 0;
}
.widget-container.card-view .card-columns .card .box-outter {
  margin-top: 0;
}
@media (min-width: 576px) {
  .widget-container.card-view .card-columns {
    column-count: 1;
  }
}
@media (min-width: 768px) {
  .widget-container.card-view .card-columns {
    column-count: 1;
  }
}
@media (min-width: 1200px) {
  .widget-container.card-view .card-columns {
    column-count: 2;
  }
}

.scroll-visible {
  overflow-y: auto;
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 3.625rem;
  background-color: #2D3E8D;
  color: #fff;
}
.header .btn-menu {
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 0;
  padding: 0;
  border: 0 none;
  transition: 0.3s;
}
.header .btn-menu:hover {
  background-color: #212d66;
}
.header .btn-menu .ico-btn-menu {
  width: 3.625rem;
  height: 3.625rem;
  display: block;
  background: url("../../images/default/common/ico_menu_collapse.svg") 54% 50% no-repeat;
}
.header .project-wrap {
  display: flex;
  flex-direction: row;
}
.header .header-gnb {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.project-wrap .project-form-group {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  padding: 0 0 0 1.25rem;
  min-height: 38px;
  background: rgba(255, 255, 255, 0.002);
  white-space: nowrap;
}
.project-wrap .project-form-group span.label {
  padding: 0.25rem 1.25rem 0.25rem 0.25rem;
  border-right: 1px solid rgba(255, 255, 255, 0.003);
  font-weight: 300;
}
.project-wrap .project-name {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 1rem;
  list-style: none;
}
.project-wrap .project-name .project-name-item {
  font-weight: 500;
}
.project-wrap .project-name .project-name-item + .project-name-item {
  padding-left: 1rem;
}
.project-wrap .project-name .project-name-item::after {
  display: inline-block;
  padding-left: 1rem;
  border: 0 none;
  font-family: bootstrap-icons !important;
  font-size: smaller;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  line-height: 1;
  text-transform: none;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  content: "\f285";
}
.project-wrap .project-name .project-name-item:last-child::after {
  display: none;
}
.project-wrap .project-name .project-name-item:hover::after {
  text-decoration: none;
}
.project-wrap select.project-select {
  padding: 0.5em 0;
  width: 240px;
  color: #fff;
  background: rgba(255, 255, 255, 0.01);
  border: 0 none;
  border-radius: 0px;
  font-weight: 500;
  outline: 0 none;
}
.project-wrap select.project-select option {
  color: #333;
  font-weight: 500;
}
.project-wrap .dx-fieldset {
  margin: 30px 20px;
}
.project-wrap .dx-widget.dx-texteditor.dx-editor-outlined {
  margin-right: -15px;
  background: transparent;
  border: 1px solid transparent;
  border-radius: 0;
  color: #fff;
}
.project-wrap .dx-lookup-arrow {
  color: #fff;
}

.header-gnb .dropdown-user .btn {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  color: #fff;
}
.header-gnb .dropdown-user .user-avata {
  width: 36px;
  height: 36px;
  border-radius: 3rem !important;
  overflow: hidden;
  margin-right: 1rem;
}
.header-gnb .dropdown-user .user-avata img {
  width: 100%;
}
.header-gnb .dropdown-user .user-info {
  line-height: 1.3;
}
.header-gnb .dropdown-user .user-info span {
  display: block;
  min-width: 120px;
  text-align: left;
}
.header-gnb .dropdown-user .user-info span.user-authority {
  font-size: 12px;
}
.header-gnb .dropdown-user .dropdown-menu {
  right: 5px;
  left: auto !important;
  transform: translate3d(0, 50px, 0px) !important;
}
.header-gnb .btn-logout {
  width: 3.625rem;
  height: 3.625rem;
  border-radius: 0;
  display: none !important;
  border: 0 none;
  background: url("../../images/default/common/ico_signout.svg") 54% 50% no-repeat;
  color: #fff;
  text-indent: -1000rem;
  transition: 0.3s;
}
.header-gnb .btn-logout:hover {
  background-color: #212d66;
}

@media (max-width: 768px) {
  .project-wrap .project-name .project-name-item:last-child {
    padding-left: 0rem;
  }
}
@media (max-width: 576px) {
  .project-wrap .project-name {
    padding: 0 0.5rem;
  }
  .project-wrap .project-form-group {
    padding: 0;
  }
  .project-wrap select.project-select {
    width: 280px;
  }
  .header-gnb .dropdown-user .user-avata {
    margin-right: 0.5rem;
  }
}
@media (max-width: 480px) and (min-width: 360px) {
  .project-wrap .project-form-group {
    padding: 0;
  }
  .project-wrap select.project-select {
    width: 180px;
  }
}
.side-lnb .sidebar-header {
  height: 3.625rem;
  background-color: #2D3E8D;
}
.side-lnb .sidebar-header .navbar-brand {
  display: inline-block;
  margin: 0;
  padding: 0.625rem 0.75rem;
  transition: 0.3s;
}
.side-lnb .sidebar-header .navbar-brand h1 {
  margin: 0;
  padding: 0;
}
.side-lnb .lnb-wrapper {
  position: relative;
  height: calc(100% - 3.625rem);
}
.side-lnb ul.lnb-lst {
  padding: 0.625rem 0.75rem 1rem 0.75rem;
  min-height: 100%;
}
.side-lnb ul.lnb-lst i {
  display: block;
  width: 30px;
  padding-right: 0.5rem;
  font-size: medium;
  opacity: 0.7;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.side-lnb ul.lnb-lst li a {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  align-content: center;
  padding: 0.688rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
  transition: 0.3s;
}
.side-lnb ul.lnb-lst li a:hover {
  border-radius: 0.188rem;
  background: rgba(255, 255, 255, 0.13);
}
.side-lnb ul.lnb-lst li a.dropdown-toggle::after {
  display: block;
  position: absolute;
  right: 0.75rem;
  transform: rotate(270deg);
}
.side-lnb ul.sublnb {
  padding: 0.313rem;
  background: #fff;
}
.side-lnb ul.sublnb i {
  font-size: 0.5rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  image-rendering: -webkit-optimize-contrast;
  transform: translateZ(0);
  backface-visibility: hidden;
}
.side-lnb ul.sublnb li a {
  padding: 0.688rem 0.313rem;
  font-size: calc(0.875rem * 0.9286) !important;
  color: #333;
}
.side-lnb ul.sublnb li a.dropdown-toggle::after {
  right: 0.375rem;
}
.side-lnb ul.sublnb li a:hover {
  border-radius: 0.188rem;
  background: #D0D0D0;
}
.side-lnb ul.sublnb ul li a {
  padding-left: 1rem;
  transition: 0.3s;
}
.side-lnb ul.sublnb.collapse .active {
  border-radius: 0.188rem;
  background: #D0D0D0;
}
.side-lnb ul li.active > a,
.side-lnb a[aria-expanded=true] {
  border-radius: 0.188rem;
  background: rgba(255, 255, 255, 0.13);
  color: #fff;
}
.side-lnb a[aria-expanded=true].dropdown-toggle::after {
  transform: rotate(360deg) !important;
}
.side-lnb a[data-toggle=collapse] {
  position: relative;
}

.box-outter {
  border-radius: 0.375rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  padding: 1.25rem;
  background: #fff;
}
.box-outter + .box-outter {
  margin-top: 0;
}
.box-outter:last-child {
  margin-bottom: 0;
}
.box-outter.field-info {
  background: #D8E0ED;
}
.box-outter.no-mr {
  margin-top: 0;
  margin-bottom: 0;
}

.content > .container-fluid {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1400px) {
  .content > .container-fluid {
    height: auto;
  }
}
.content .cnt-header {
  padding-bottom: 0.625rem;
  height: auto;
  min-height: 2.938rem;
  border-bottom: 1px solid #DDDDDD;
}
.content .cnt-search {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0.5rem 0.75rem;
  display: block;
}
.content .cnt-body {
  display: flex;
  align-content: flex-start;
  padding-bottom: 1rem;
  height: 100%;
}
.content .cnt-body.widget-container {
  display: block;
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

.chart-wrapper {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 1rem;
  padding: 1rem;
  width: 100%;
  border: 1px solid #DDDDDD;
}

.content-tit-wrap {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 1rem;
  width: 100%;
}
.content-tit-wrap h3.tit-h3 {
  display: inline-block;
  font-size: calc(0.875rem * 1.1429);
  font-weight: 700;
}
.content-tit-wrap h3.tit-h3::before {
  width: 12px;
  height: 4px;
  display: inline-block;
  position: relative;
  top: -4px;
  margin-right: 0.5rem;
  background: rgb(64, 88, 202);
  background: linear-gradient(90deg, rgb(64, 88, 202) 0%, rgb(64, 88, 202) 35%, rgb(50, 161, 255) 35%, rgb(50, 161, 255) 100%);
  content: "";
}
.content-tit-wrap .badge-cctv-count {
  border-radius: 1rem;
  margin-left: 0.625rem;
  padding: 0.2em 0.725em;
  background-color: #FAB400;
  font-size: 93%;
  font-weight: 400;
}
.content-tit-wrap.with-btn {
  padding-bottom: 4px;
  justify-content: space-between;
  min-height: 28px;
}
.content-tit-wrap.with-btn .btn-sm {
  font-size: 12px;
  line-height: 1.23;
}

.sub-title-wrap {
  display: flex;
  width: 100%;
  align-content: center;
  align-items: center;
  height: 2.1875rem;
  margin-top: 0.9375rem;
}
.sub-title-wrap .table-count {
  display: inline-flex;
  flex: 1 1 auto;
  align-items: center;
  padding-bottom: 0;
  font-size: 0.8125rem;
  font-weight: bold;
}
.sub-title-wrap .btn {
  margin-right: 0.25rem;
}
.sub-title-wrap .btn:last-child {
  margin-right: 0;
}

@media (max-width: 1400px) {
  .cnt-header {
    min-height: auto;
  }
}
.cnt-header .page-tit-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0.625rem;
}
.cnt-header .page-tit-wrapper h2.page-tit {
  padding-right: 0.5rem;
  font-weight: 700;
  font-size: calc(0.875rem * 1.2858);
}
@media (max-width: 767px) {
  .cnt-header .page-tit-wrapper {
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
  }
  .cnt-header h2.page-tit {
    padding-bottom: 0.5rem;
    padding-right: 0;
  }
}
.cnt-header .page-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 12px;
  opacity: 0.9;
}
.cnt-header .page-breadcrumb .page-breadcrumb-item + .page-breadcrumb-item {
  padding-left: 0.5rem;
}
.cnt-header .page-breadcrumb .page-breadcrumb-item + .page-breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  content: "/";
}
.cnt-header .page-common-btns {
  padding-right: 0;
  padding-left: 0;
  text-align: right;
}
.cnt-header .page-common-btns .btn {
  margin: 0.188rem;
}
@media (min-width: 1400px) {
  .cnt-header .page-common-btns .btn {
    margin: 0 0.188rem;
  }
}
.cnt-header .page-common-btns > span {
  display: inline-block;
  width: 1px;
  height: 35px;
  background-color: rgba(51, 51, 51, 0.004);
  vertical-align: middle;
}

.common-sch-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.common-sch-wrapper .sch-form-inline {
  display: flex;
  flex-basis: 300px;
  flex-grow: 0;
  align-items: center;
  padding: 0.188rem 0;
  min-height: 42px;
}
.common-sch-wrapper .sch-form-inline .form-label {
  overflow: hidden;
  flex-basis: 100px;
  flex-grow: 0;
  flex-shrink: 0;
  min-height: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.625rem;
  font-weight: 700;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.common-sch-wrapper .sch-form-inline .input-group {
  flex-basis: calc(100% - 100px);
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
}
.common-sch-wrapper .sch-form-inline .input-group.search-with-btn {
  position: relative;
  width: calc(100% - 100px);
}
.common-sch-wrapper .sch-form-inline .input-group.search-with-btn .form-control {
  padding-right: 2.8rem;
  width: 100%;
  flex: 0 0 100%;
  position: absolute;
}
.common-sch-wrapper .sch-form-inline .input-group.search-with-btn .btn-sch {
  top: -16px;
}
.common-sch-wrapper .sch-form-inline .input-group .custom-control-label {
  line-height: 23px;
}
.common-sch-wrapper .sch-form-inline .input-group .tail {
  padding-left: 0.5rem;
  padding-right: 0.625rem;
}
.common-sch-wrapper .sch-form-inline.basis-250 {
  flex-basis: 230px;
}
.common-sch-wrapper .sch-form-inline.basis-350 {
  flex-basis: 350px;
}
.common-sch-wrapper .sch-form-inline.basis-500 {
  flex-basis: 500px;
}
.common-sch-wrapper .sch-form-inline .input-group:not(.has-validation) > .form-control:not(:last-child), .common-sch-wrapper .sch-form-inline .input-group:not(.has-validation) > .custom-select:not(:last-child), .common-sch-wrapper .sch-form-inline .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-radius: 0.25rem;
}
@media (max-width: 1100px) {
  .common-sch-wrapper .sch-form-inline {
    flex-basis: 400px;
  }
  .common-sch-wrapper .sch-form-inline.basis-250, .common-sch-wrapper .sch-form-inline.basis-350 {
    flex-basis: 400px;
  }
}
@media (max-width: 480px) {
  .common-sch-wrapper .sch-form-inline {
    flex-basis: 100%;
  }
}
.common-sch-wrapper.sch-step .sch-form-inline .form-label {
  flex-basis: auto;
  padding-left: 0;
  text-align: left;
}
.common-sch-wrapper.sch-step .sch-step-lblcolor {
  width: 20px;
  height: 20px;
  background: #f3f3f3;
  margin: 0 10px 0 0;
}
.common-sch-wrapper.sch-step .sch-form-inline::after {
  float: left;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  font-family: bootstrap-icons !important;
  font-size: initial;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  border: 0 none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  text-shadow: 0.02rem 0.02rem #333;
  content: "\f285";
}
.common-sch-wrapper.sch-step .bar-v.sch-form-inline::after {
  float: left;
  padding: 0;
  margin-left: 1rem;
  margin-right: 1rem;
  background-color: rgba(51, 51, 51, 0.3);
  width: 2px;
  height: 34px;
  position: relative;
  font-family: bootstrap-icons !important;
  font-size: initial;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  border: 0 none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  text-shadow: inherit;
  content: "";
}
.common-sch-wrapper.sch-step .sch-form-inline:last-child {
  padding-right: 1rem;
}
.common-sch-wrapper.sch-step .sch-form-inline:last-child::after {
  float: left;
  padding-right: 0.5rem;
  content: " ";
}

.badge-sch-wrapper {
  justify-content: space-between;
}
.badge-sch-wrapper .badge {
  font-size: 100%;
  line-height: 1.25;
}

.sch-badge-inline {
  display: flex;
  flex-wrap: wrap;
  flex-basis: 1000px;
}
.sch-badge-inline .sch-form-inline {
  margin-right: 0.5rem;
}

.common-sch-wrapper .badge-inline {
  flex-basis: 0;
}
.common-sch-wrapper .badge-inline span {
  margin-left: 0.5rem;
  color: #fff;
}

.location-cardlst-wrapper a {
  display: block;
  color: #333;
  text-decoration: none;
}
.location-cardlst-wrapper a:hover .location-card-wrapper {
  border-color: #007bff;
}

.location-card-wrapper {
  margin-bottom: 0.375rem;
  border: 1px solid #DDDDDD;
}
.location-card-wrapper .location-title {
  width: 100%;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E8EBED;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-align: center;
}
.location-card-wrapper .location-content {
  display: flex;
  padding: 0.75rem;
}
.location-card-wrapper .location-content .leader-img {
  width: 9.375rem;
  height: 11.875rem;
  position: relative;
  flex: 0 0 9.375rem;
  margin-right: 1.375rem;
}
.location-card-wrapper .location-content .leader-img .leader-name {
  width: 9.375rem;
  height: 2.5rem;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-weight: 700;
}
.location-card-wrapper .location-content .location-details {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 0;
  margin-left: 0;
}
.location-card-wrapper .location-content .location-details > .row {
  padding: 0.25rem 0;
  border-top: 1px dashed #eaeaea;
}
.location-card-wrapper .location-content .location-details > .row [class^=col], .location-card-wrapper .location-content .location-details > .row [class^=col-] {
  padding-right: 4px;
  padding-left: 4px;
}
.location-card-wrapper .location-content .location-details > .row:nth-child(2) {
  border-top: 0 none;
}
@media (max-width: 767px) {
  .location-card-wrapper .location-content .location-details > .row:nth-child(1) {
    border-top: 0 none;
  }
  .location-card-wrapper .location-content .location-details > .row:nth-child(2) {
    border-top: 1px dashed #eaeaea !important;
  }
}
.location-card-wrapper .location-content .location-details .location-form-label {
  padding-top: 1px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 1.438rem;
}
@media (max-width: 576px) {
  .location-card-wrapper .location-content .location-details .location-form-label {
    padding-bottom: 0.25rem;
  }
}
.location-card-wrapper .location-content .location-details .location-form-txt {
  line-height: 1.438rem;
  max-width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.location-card-wrapper .location-content .location-details .location-form-txt-row-2 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.modal-body .location-card-wrapper {
  margin-bottom: 0;
  border: 0 none;
}
.modal-body .location-card-wrapper .location-content {
  padding: 0.75rem 0;
}
.modal-body .location-card-wrapper .location-content .location-form-txt {
  max-width: 100%;
  text-overflow: inherit;
  white-space: inherit;
  word-wrap: inherit;
  overflow: inherit;
}
.modal-body .location-card-wrapper .location-content .location-form-txt-row-2 {
  display: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}

.form-control {
  box-sizing: border-box;
  padding: 0.375rem 0.25rem;
}

.add-form-wrapper fieldset {
  padding: 0rem 0.5rem;
}
.add-form-wrapper fieldset.required {
  border: 1px solid #f8cdcd;
  padding: 0.5rem 0.5rem 0rem 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 0.25rem;
}
.add-form-wrapper fieldset.required > legend {
  display: block;
  padding: 0 10px 0 5px;
  width: auto;
  background: #fff;
  color: #f2a0a0;
  font-size: 12px;
}
.add-form-wrapper span.required {
  padding: 0 0.25rem;
  color: #E64746;
  font-weight: bold;
}
.add-form-wrapper .form-control-plaintext {
  color: #333;
}
.add-form-wrapper .txt-help {
  margin: 0.5rem 0;
  color: #6c757d;
  font-size: calc(0.875rem * 0.9286);
  text-align: right;
  letter-spacing: 0;
}
.add-form-wrapper textarea {
  resize: none;
}
.add-form-wrapper .form-row {
  width: calc(100% + 10px);
}
.add-form-wrapper .form-group .input-group > .input-group-prepend > .btn,
.add-form-wrapper .form-group .input-group > .input-group-prepend > .input-group-text,
.add-form-wrapper .form-group .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.add-form-wrapper .form-group .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.add-form-wrapper .form-group .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.add-form-wrapper .form-group .input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.add-form-wrapper .form-group .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.add-form-wrapper .form-group .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-left: 0 none;
}

.btn {
  font-size: 0.875rem;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
}
.btn i {
  padding-right: 0.188rem;
}

.btn-sch {
  position: absolute;
  top: 1px;
  right: 1px;
  z-index: 5;
  height: 33px;
  color: #333;
  background-color: #ffffff;
  border: 0 none;
  font-size: calc(0.875rem * 1.1429);
  line-height: 1.25rem;
}
.btn-sch:hover {
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-sch i {
  padding-right: 0;
}

.btn-xs {
  padding: 0.15rem 0.625rem;
  font-size: 0.8125rem;
  white-space: nowrap;
}

.btn-outline-primary {
  background: #fff;
}

.btn-outline-secondary {
  background: #F2F4F5;
}

.btn-outline-success {
  background: #fff;
}

.input-group-prepend .btn i {
  padding-right: 0;
}

.dropdown-menu {
  font-size: 0.875rem;
}

.dropdown-toggle::after {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-size: smaller;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  border: 0 none;
  line-height: 1;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  content: "\f282";
}

.bi-x-lg::before {
  font-size: 75% !important;
  position: relative !important;
  top: -1px !important;
}

.table-responsive {
  position: relative;
}
.table-responsive.row5 {
  height: 208px;
  margin-bottom: 1rem;
}
.table-responsive.row5 .table {
  margin-bottom: 0;
}
.table-responsive.webkit-scrollbar::-webkit-scrollbar { width: 0.25rem; }
.table-responsive.webkit-scrollbar::-webkit-scrollbar-thumb { background: #BABABA; border-radius: 1rem; }
.table-responsive.webkit-scrollbar::-webkit-scrollbar-track { width: 4px; background-color: #ebebeb; }

.table {
  color: #333;
}

.wg-tbl-info {
  margin-bottom: 0;
  font-size: calc(0.875rem * 0.9286);
  white-space: nowrap;
  min-width: 400px;
}
.wg-tbl-info thead th {
  border-top: 0 none;
  border-left: 1px dashed rgba(51, 51, 51, 0.2);
  border-bottom: 0 none;
  text-align: center;
  font-weight: 500;
  color: rgba(51, 51, 51, 0.9);
}
.wg-tbl-info thead th:first-child {
  border-left: 0 none;
}
.wg-tbl-info tbody th, .wg-tbl-info tbody td {
  border-top: 1px dashed rgba(51, 51, 51, 0.2);
  border-left: 1px dashed rgba(51, 51, 51, 0.2);
  text-align: center;
}
.wg-tbl-info tbody th:first-child, .wg-tbl-info tbody td:first-child {
  border-left: 0 none;
}

.wg-tbl-bubble {
  margin: 0.313rem 0;
  min-width: 100%;
  border-collapse: separate;
  border-spacing: 0 0.5rem;
  font-weight: 700;
  table-layout: fixed;
  white-space: nowrap;
}
.wg-tbl-bubble tbody tr, .wg-tbl-bubble tfoot tr {
  border-radius: 0.25rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0.625rem;
  color: #fff;
  font-size: calc(0.875rem * 0.9286);
}
.wg-tbl-bubble td {
  padding: 0.625rem;
  border-top: 0 none;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}
.wg-tbl-bubble td:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.wg-tbl-bubble td:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.wg-tbl-bubble tfoot td {
  background: #FFF8E1;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
}

.wg-tbl {
  table-layout: fixed;
}
.wg-tbl th, .wg-tbl td {
  padding: 0.625rem 0.5rem;
  text-align: center;
}
.wg-tbl thead th {
  border-bottom: 0 none;
  background: #E8EBED;
  border-top: 0 none;
  color: rgba(51, 51, 51, 0.6);
  font-weight: 700;
  vertical-align: middle;
}
.wg-tbl thead th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}
.wg-tbl thead th:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}
.wg-tbl td {
  border-top: 0 none;
  border-bottom: 1px solid #dee2e6;
}
.wg-tbl tr:last-child td {
  border-bottom: 0 none;
}
.wg-tbl .no-data {
  color: rgba(51, 51, 51, 0.6);
}
.wg-tbl .text-subj {
  max-width: 96%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
}

.wg-tbl .wid-10, .wg-tbl-info .wid-10, .wg-tbl-bubble .wid-10, .wg-tbl-degree .wid-10 {
  width: 10%;
}
.wg-tbl .wid-12, .wg-tbl-info .wid-12, .wg-tbl-bubble .wid-12, .wg-tbl-degree .wid-12 {
  width: 14%;
}
.wg-tbl .wid-16, .wg-tbl-info .wid-16, .wg-tbl-bubble .wid-16, .wg-tbl-degree .wid-16 {
  width: 16%;
}
.wg-tbl .wid-20, .wg-tbl-info .wid-20, .wg-tbl-bubble .wid-20, .wg-tbl-degree .wid-20 {
  width: 20%;
}
.wg-tbl .wid-24, .wg-tbl-info .wid-24, .wg-tbl-bubble .wid-24, .wg-tbl-degree .wid-24 {
  width: 24%;
}
.wg-tbl .wid-30, .wg-tbl-info .wid-30, .wg-tbl-bubble .wid-30, .wg-tbl-degree .wid-30 {
  width: 30%;
}

.tbl-sticky-wrapper {
  position: relative;
  height: 150px;
  overflow: auto;
}

.wg-tbl-sticky {
  margin-bottom: 0;
  width: 100%;
  border-collapse: collapse;
  position: relative;
}
.wg-tbl-sticky th, .wg-tbl-sticky td {
  padding: 0.625rem 0.313rem;
  text-align: center;
}
.wg-tbl-sticky thead th {
  position: sticky;
  top: 0px;
}

.wg-tbl-degree {
  table-layout: fixed;
  width: 100%;
}
.wg-tbl-degree thead {
  background: #EFF4F9;
}
.wg-tbl-degree thead th {
  height: 40px;
  color: #3F85ED;
  border-top: 0 none;
  border-bottom: 1px solid #dee2e6;
  font-weight: 700;
  vertical-align: middle;
}
.wg-tbl-degree thead td {
  border-top: 0 none;
  border-bottom: 1px solid #dee2e6;
  color: rgba(51, 51, 51, 0.6);
  font-weight: 700;
}
.wg-tbl-degree tbody td {
  border-top: 1px solid #f6f6f6;
  padding: 0.53rem 0.313rem;
  font-size: calc(0.875rem * 0.9286);
}

.table-count {
  padding-bottom: 1rem;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0;
}
.table-count::before {
  width: 4px;
  height: 4px;
  border-radius: 1rem;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 0.5rem;
  padding-left: 0;
  background: rgba(51, 51, 51, 0.3);
  content: "";
}

.table-wrapper {
  width: 100%;
  border-top: 3px solid #32A1FF;
}
.table-wrapper .dx-datagrid-headers {
  color: #333;
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
}

.img-cardlst-wrapper {
  padding-right: 0;
  padding-left: 0;
}

.location-cardlst-wrapper {
  padding: 2px 0 5px;
  border-top: 3px solid #32A1FF;
}

.tbl-modal {
  table-layout: fixed;
}
.tbl-modal tr th, .tbl-modal tr td {
  border-style: none;
  text-align: center;
  vertical-align: middle;
  padding: 0.75rem 0.5rem;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
}
.tbl-modal tr th {
  width: 75px;
  min-width: 75px;
  background-color: #F4F5F8;
  border-right: none;
}
.tbl-modal tr td:last-child {
  border-right: none;
}
.tbl-modal tr .warning-tt {
  background-color: #FFF5F0;
  color: #E64746;
}

.dx-pager {
  position: relative;
  padding-bottom: 0;
}

/*테이블 범례*/
.table-legend-wrap {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.table-legend-wrap .table-count {
  width: auto;
  padding-bottom: 1rem;
}
.table-legend-wrap .legend-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.table-legend-wrap .legend-wrap li {
  margin-right: 1.25rem;
  padding-bottom: 0.75rem;
}
.table-legend-wrap .legend-wrap li:last-child {
  margin-right: 0;
}
.table-legend-wrap .legend-wrap li .legend {
  display: inline-block;
  margin-right: 0.375rem;
  padding: 0.25rem 0.375rem;
  background: #7F979E;
  border-radius: 0.25rem;
  color: #fff;
  font-size: 0.813rem;
  font-weight: bold;
}
.table-legend-wrap .legend-wrap li .legend + span {
  font-size: 0.813rem;
}
.table-legend-wrap .legend-wrap li .legend.gang {
  background: #7F979E;
}
.table-legend-wrap .legend-wrap li .legend.re {
  background: #32A1FF;
}
.table-legend-wrap .legend-wrap li .legend.al {
  background: #03C73C;
}
.table-legend-wrap .legend-wrap li .legend.re2 {
  background: #FAB400;
}
.table-legend-wrap .legend-wrap li .legend.co {
  background: #E64746;
}

.calendar-inline-wrapper {
  display: flex;
  flex-wrap: nowrap;
  width: calc(100% + 1.25rem + 1.25rem);
  margin: -1.25rem -1.25rem 0 -1.25rem;
  height: 50px;
  border-radius: 0.375rem 0.375rem 0 0;
  border-bottom: 1px solid #DDDDDD;
}
.calendar-inline-wrapper .calendar-header {
  position: relative;
  display: flex;
  flex-basis: 200px;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  margin-top: 0.188rem;
  font-size: calc(0.875rem * 1.0715);
  font-family: GmarketSansBold;
}
.calendar-inline-wrapper .calendar-body {
  position: relative;
  display: flex;
  flex-basis: calc(100% - 200px);
  flex-grow: 1;
  flex-shrink: 1;
  align-items: center;
  margin-right: 1.25rem;
}
.calendar-inline-wrapper .calendar-lst {
  display: inline-flex;
  width: 100%;
  font-size: calc(0.875rem * 0.9286);
}
.calendar-inline-wrapper .calendar-lst li {
  display: inline-block;
  font-size: calc(0.875rem * 0.9286);
  font-family: GmarketSansMedium;
}
.calendar-inline-wrapper .calendar-lst li a {
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 5rem;
  display: block;
  color: #333;
  text-align: center;
  text-decoration: none;
  line-height: 2.4rem;
}
.calendar-inline-wrapper .calendar-lst li:hover a {
  background: rgba(51, 51, 51, 0.15);
}
.calendar-inline-wrapper .calendar-lst li.today a {
  background: #333;
  color: #fff;
}
.calendar-inline-wrapper .calendar-lst li.current a {
  background: #333;
  color: #fff;
}
.calendar-inline-wrapper .calendar-lst li.sunday a {
  color: #E64746;
}
.calendar-inline-wrapper .calendar-lst li.saturday a {
  color: #3F85ED;
}
@media (max-width: 480px) {
  .calendar-inline-wrapper .calendar-header {
    flex-basis: 150px;
  }
  .calendar-inline-wrapper .calendar-body {
    flex-basis: calc(100% - 150px);
  }
}

.calendar-header .left {
  position: absolute;
  top: 16%;
  right: inherit;
  left: 1rem;
  line-height: 1.5rem;
}
.calendar-header .right {
  position: absolute;
  top: 16%;
  right: 1rem;
  line-height: 1.5rem;
}
@media (max-width: 480px) {
  .calendar-header .left {
    padding: 0.375rem;
    left: 0.5rem;
  }
  .calendar-header .right {
    padding: 0.375rem;
    right: 0.5rem;
  }
}

.calendar-summary {
  border-radius: 1rem;
  position: relative;
  margin: 10px 0;
  background: rgba(51, 51, 51, 0.15);
  font-weight: 700;
}
.calendar-summary > .tit {
  border-radius: 1rem;
  display: inline-block;
  padding: 0.5rem;
  min-width: 160px;
  height: 32px;
  background: #3F85ED;
  color: #fff;
  text-align: center;
}
.calendar-summary > dl {
  display: inline-block;
  margin: 0 auto;
  padding: 0.5rem 2rem 0.5rem 0.5rem;
}
.calendar-summary > dl dt, .calendar-summary > dl dd {
  display: inline-block;
  padding-left: 1rem;
}
.calendar-summary > dl dd + dt::before {
  width: 4px;
  height: 4px;
  border-radius: 1rem;
  display: inline-block;
  position: relative;
  top: -3px;
  margin-right: 1rem;
  padding-left: 0;
  background: rgba(51, 51, 51, 0.2);
  content: "";
}
.calendar-summary > dl dd > span {
  display: inline-block;
  padding: 0 0.275rem;
  min-width: 40px;
  font-size: calc(0.875rem * 0.9286);
  font-family: GmarketSansBold;
  text-align: right;
  vertical-align: middle;
}
@media (max-width: 720px) {
  .calendar-summary {
    width: 100%;
    text-align: center;
  }
  .calendar-summary > .tit {
    min-width: 100%;
    width: 100%;
  }
  .calendar-summary > dl {
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  .calendar-summary > dl {
    line-height: 1.6;
  }
  .calendar-summary > dl dd + dt::before {
    display: none;
  }
  .calendar-summary > dl dt {
    width: 30%;
    text-align: left;
  }
  .calendar-summary > dl dd {
    width: 55%;
    text-align: right;
  }
}

.main-date-wrap {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.main-date-wrap div {
  display: inline-block;
  padding: 0.25rem 0.875rem;
  border-radius: 1rem;
  background-color: #AAD9B5;
  font-family: "Gmarket Sans Medium";
}
.main-date-wrap i {
  margin-right: 0.75rem;
}

.hs-main-wrap article {
  height: 732px;
}
.hs-main-wrap.dl-main article {
  height: 782px;
}
.hs-main-wrap .banner-safety-notice {
  max-width: 100%;
  max-height: auto;
  position: relative;
  overflow: hidden;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.hs-main-wrap .banner-safety-notice img {
  width: 100%;
  height: auto;
}
.hs-main-wrap .field-map-wrapper {
  height: 100%;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper {
  align-items: center;
  justify-content: space-between;
  padding: 0.9rem 0 1rem 0;
  color: #333;
  font-family: "GmarketSansBold";
  font-size: 16px;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper .d-flex.justify-content-start {
  align-items: flex-end;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper .d-flex.justify-content-start .goto-control-center {
  margin-left: 1rem;
  padding: 4px 10px 4px 8px;
  background: #2D3E8D;
  border-radius: 1rem;
  color: #F2F4F5;
  font-family: "GmarketSansMedium";
  font-size: 12px;
  text-decoration: none;
  transition: all 0.3s;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper .d-flex.justify-content-start .goto-control-center span {
  padding-left: 6px;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper .d-flex.justify-content-start .goto-control-center:hover {
  background: #12935d;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper a {
  color: #333;
}
.hs-main-wrap .field-map-wrapper .widget-tit-wrapper .d-flex.justify-content-end {
  align-items: center;
  font-size: 12px;
}
.hs-main-wrap .field-map-box {
  height: 94%;
}
.hs-main-wrap .field-map-box .col {
  width: 100%;
  height: 96%;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.hs-main-wrap .field-map-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.hs-main-wrap .field-map-box .map-ico-wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 9;
  transform: translateX(-50%);
}
.hs-main-wrap .field-map-box .map-ico-wrap .field-map-icon {
  position: relative;
  width: 2.25rem;
  height: 2.25rem;
  background-image: url(../../images/default/contents/ico_helmet.svg);
  background-position: center 54%;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%);
  flex: 1 1 auto;
}
.hs-main-wrap .widget-access-wrapper > .container-fluid {
  padding-bottom: 0.75rem;
  height: 100%;
}
.hs-main-wrap .access-info-wrap {
  position: relative;
  margin-top: 0.875rem;
  padding: 0 0.575rem;
  height: 78%;
}
.hs-main-wrap .access-info-wrap > div {
  padding: 0.325rem 0.175rem !important;
}
.hs-main-wrap .access-info-wrap [class^=col-] {
  border: none;
}
.hs-main-wrap .access-info-wrap .access-info-box {
  background: #F2F4F5;
}
.hs-main-wrap .access-info-wrap .info-tt-wrapper {
  width: 100%;
  min-height: 60px;
  max-height: 60px;
  position: relative;
  overflow: hidden;
}
.hs-main-wrap .access-info-wrap .info-tt-wrapper img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9;
  width: 100%;
  transform: translate(-50%, -50%);
  flex: 1 1 auto;
}
.hs-main-wrap .access-info-wrap .info-tt-wrapper .info-tt-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9;
  min-height: 100%;
  max-height: 60px;
  width: 100%;
  background-color: rgba(14, 33, 61, 0.5);
}
.hs-main-wrap .access-info-wrap .info-tt-wrapper p {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 0.625rem;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
}
.hs-main-wrap .access-info-wrap .info-cont-wrap {
  padding: 0.425rem 0.5rem 0.875rem;
}
.hs-main-wrap .access-info-wrap .weather-box-wrap {
  padding: 0 0 0.25rem;
  border-bottom: 1px dashed #ced4da;
}
.hs-main-wrap .access-info-wrap .weather-box-wrap > div {
  display: flex;
  padding: 0.25rem 0 0.75rem;
  align-items: center;
}
.hs-main-wrap .access-info-wrap .weather-box-wrap > div h4, .hs-main-wrap .access-info-wrap .weather-box-wrap > div i, .hs-main-wrap .access-info-wrap .weather-box-wrap > div strong {
  margin-right: 0.325rem;
}
.hs-main-wrap .access-info-wrap .weather-box-wrap > div h4, .hs-main-wrap .access-info-wrap .weather-box-wrap > div p, .hs-main-wrap .access-info-wrap .weather-box-wrap > div strong {
  font-size: 12px;
}
.hs-main-wrap .access-info-wrap .weather-box-wrap > div .sub-txt {
  color: #333;
  opacity: 0.7;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.hs-main-wrap .access-info-wrap .checkin-box-wrap {
  padding-top: 1.25rem;
  text-align: right;
}
.hs-main-wrap .access-info-wrap .checkin-box-wrap > div:first-child {
  margin-bottom: 1rem;
}
.hs-main-wrap .access-info-wrap .checkin-box-wrap h4 {
  font-size: 13px;
  font-weight: 700;
  color: #333;
  opacity: 0.6;
  padding-bottom: 0.5rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.hs-main-wrap .access-info-wrap .checkin-box-wrap p {
  font-size: 15px;
  font-family: "Gmarket Sans Medium";
}
.hs-main-wrap.dl-main .widget-access-wrapper > .container-fluid {
  padding-bottom: 0;
  height: 100%;
}
.hs-main-wrap.dl-main .widget-access-wrapper > .container-fluid.perfect-scroll {
  position: relative;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper .tit-tatal {
  padding-left: 0.375rem;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 0.875rem;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper.group1 > h3 {
  color: #3F85ED;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper.group2 > h3 {
  color: #FA772E;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper.group3 > h3 {
  color: #B66EFF;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper.group4 > h3 {
  color: #01B836;
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper:after {
  display: inline-block;
  padding-right: 0.5rem;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -0.125em;
  content: "\f286";
}
.hs-main-wrap.dl-main .widget-access-wrapper .widget-tit-wrapper.collapsed:after {
  content: "\f282";
}
.hs-main-wrap.dl-main .widget-access-wrapper ul.group-list {
  max-height: 100%;
}
.hs-main-wrap.dl-main .widget-access-wrapper ul.group-list li:last-child {
  padding-bottom: 1rem;
}
.hs-main-wrap.dl-main .widget-access-wrapper .perfect-scroll, .hs-main-wrap.dl-main .widget-access-wrapper .custom-scroll {
  height: 782px;
}
.hs-main-wrap.dl-main .widget-access-wrapper .custom-scroll::-webkit-scrollbar {
  width: 8px;
}
.hs-main-wrap.dl-main .widget-access-wrapper .custom-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.hs-main-wrap.dl-main .widget-access-wrapper .custom-scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}
.hs-main-wrap.dl-main .access-info-wrap {
  margin-top: 0;
  padding: 0;
  height: auto;
}
.hs-main-wrap.dl-main .access-info-wrap > div {
  padding: 0 0.175rem 0.325rem !important;
}
.hs-main-wrap.dl-main .access-info-wrap .info-cont-wrap {
  padding: 0.25rem 0.5rem 0;
}
.hs-main-wrap.dl-main .access-info-wrap .weather-box-wrap {
  padding: 0.25rem 0;
  border-bottom: 0 none;
}
.hs-main-wrap.hw-main .access-info-wrap {
  position: relative;
  display: flex;
  align-content: flex-start;
  margin-top: -0.325rem;
  height: 92.5%;
}
.hs-main-wrap.hw-main > div {
  padding: 0 0.175rem 0.325rem !important;
}
.hs-main-wrap.hw-main .gas-list-wrap {
  margin: 12px 9px 0 16px;
}
.hs-main-wrap.hw-main .gas-list-wrap > ul {
  height: 82px;
}
.hs-main-wrap.hw-main .gas-list-wrap > ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 0 10px 0;
}
.hs-main-wrap.hw-main .gas-list-wrap > ul .gas-name {
  padding-left: 1rem;
}
.hs-main-wrap.hw-main .gas-list-wrap > ul .img-ico-alarm-danger {
  animation: blink-effect 1s step-end infinite;
}
.hs-main-wrap.hw-main .cctv-list-wrap {
  margin: 0 7px 0 10px;
}
.hs-main-wrap.hw-main .cctv-list-wrap > ul {
  height: 144px;
}
.hs-main-wrap.hw-main .cctv-list-wrap > ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 5px 0 5px 0;
  border-bottom: dashed 1px #ced4da;
}
.hs-main-wrap.hw-main .cctv-list-wrap > ul li:first-child {
  padding-top: 0;
}
.hs-main-wrap.hw-main .cctv-list-wrap > ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.hs-main-wrap.hw-main .cctv-list-wrap > ul .cctv-name {
  padding-left: 0.5rem;
}
.hs-main-wrap.hw-main .custom-scroll {
  overflow-y: scroll;
}
.hs-main-wrap.hw-main .custom-scroll::-webkit-scrollbar {
  width: 6px;
}
.hs-main-wrap.hw-main .custom-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.hs-main-wrap.hw-main .custom-scroll::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0);
}

@media (max-width: 1356px) {
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div h4, .hs-main-wrap .access-info-wrap .weather-box-wrap > div p, .hs-main-wrap .access-info-wrap .weather-box-wrap > div strong {
    font-size: 10px;
  }
  .hs-main-wrap .access-info-wrap .checkin-box-wrap h4 {
    font-size: 12px;
  }
}
@media (max-width: 1199px) {
  .main-date-wrap {
    display: block;
  }
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div .img-ico-12 {
    width: 0.875rem !important;
    height: 0.875rem !important;
  }
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div h4, .hs-main-wrap .access-info-wrap .weather-box-wrap > div p, .hs-main-wrap .access-info-wrap .weather-box-wrap > div strong {
    font-size: 13px;
  }
  .hs-main-wrap .access-info-wrap .checkin-box-wrap h4 {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  .hs-main-wrap article {
    height: fit-content;
  }
  .hs-main-wrap .access-info-wrap {
    height: 66%;
  }
  .hs-main-wrap .access-info-wrap .info-tt-wrapper p {
    font-size: 17px;
  }
  .hs-main-wrap .widget-access [class^=col-]:last-child {
    margin-top: 0;
    margin-bottom: 0;
    border-left: 0 none;
  }
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div .img-ico-12 {
    width: 1.125rem !important;
    height: 1.125rem !important;
  }
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div h4, .hs-main-wrap .access-info-wrap .weather-box-wrap > div p {
    font-size: 14px;
  }
  .hs-main-wrap .access-info-wrap .weather-box-wrap > div strong {
    font-size: 15px;
  }
  .hs-main-wrap .access-info-wrap .checkin-box-wrap h4 {
    font-size: 15px;
  }
  .hs-main-wrap .access-info-wrap .checkin-box-wrap p {
    font-size: 17px;
  }
  .hs-main-wrap.hw-main .widget-access-wrapper > .perfect-scroll {
    height: 100%;
  }
}
@media (max-width: 395px) {
  .hs-main-wrap .banner-safety-notice .safety-bg-left {
    height: 66px;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-tit div {
    display: none !important;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-tit h3 span {
    display: inline;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont {
    padding-left: 1.25rem;
    padding-top: 6rem;
    margin: 0;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont h3 {
    padding-bottom: 1rem;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont h3 span {
    display: block;
    padding-bottom: 0.325rem;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont h3 span:last-child {
    padding-left: 1rem;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont img {
    display: none;
  }
}
@media (max-width: 350px) {
  .hs-main-wrap .banner-safety-notice .safety-bg-left {
    height: 66px;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-tit div {
    display: none !important;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-tit h3 span {
    display: inline;
  }
  .hs-main-wrap .banner-safety-notice .safety-notice-cont .sub-wrap li p {
    font-size: 0.825rem;
  }
}
.widget-container.row {
  margin-right: -24px;
  margin-left: -24px;
}
.widget-container.row .box-outter {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  padding: 0;
}

.widget-tit-wrapper {
  display: flex;
  flex-direction: row;
  padding: 1.25rem 0 1rem 0;
  min-height: 3.375rem;
}
.widget-tit-wrapper > h3 {
  margin-right: auto;
  color: #333;
  font-family: "GmarketSansBold";
  font-size: calc(0.875rem * 1.1429);
}
.widget-tit-wrapper .desc-wrapper {
  font-size: calc(0.875rem * 0.9286);
}
.widget-tit-wrapper .desc-wrapper .today, .widget-tit-wrapper .desc-wrapper .time {
  font-family: "GmarketSansMedium";
  padding: 0.5rem 0 0 0;
}
.widget-tit-wrapper .desc-wrapper ul.info-noti {
  display: flex;
  flex-direction: row;
}
.widget-tit-wrapper .desc-wrapper ul.info-noti li {
  padding: 0 0.5rem;
}
@media (max-width: 575.98px) {
  .widget-tit-wrapper .desc-wrapper ul.info-noti li {
    padding: 0.313rem 1rem 0.313rem 0;
  }
}
.widget-tit-wrapper .desc-wrapper ul.info-img-wrap {
  display: flex;
  flex-direction: row;
}
.widget-tit-wrapper .desc-wrapper ul.info-img-wrap li {
  padding: 0 0.313rem;
  text-align: center;
}
.widget-tit-wrapper .desc-wrapper ul.info-img-wrap strong {
  display: block;
  padding-top: 0.25rem;
}
@media (max-width: 576px) {
  .widget-tit-wrapper {
    flex-direction: column;
  }
  .widget-tit-wrapper.inline {
    flex-direction: row;
  }
  .widget-tit-wrapper.inline .desc-wrapper {
    padding-top: 0;
  }
  .widget-tit-wrapper .desc-wrapper {
    padding-top: 0.313rem;
  }
}

.widget-cell-manage .widget-tit-wrapper, .widget-risk .widget-tit-wrapper, .widget-safety-active .widget-tit-wrapper,
.widget-location .widget-tit-wrapper, .widget-access-uzworktype .widget-tit-wrapper, .widget-location-tunnel .widget-tit-wrapper, .widget-degree .widget-tit-wrapper {
  padding-bottom: 0;
}
.widget-cell-manage .widget-tit-wrapper .desc-wrapper, .widget-risk .widget-tit-wrapper .desc-wrapper, .widget-safety-active .widget-tit-wrapper .desc-wrapper,
.widget-location .widget-tit-wrapper .desc-wrapper, .widget-access-uzworktype .widget-tit-wrapper .desc-wrapper, .widget-location-tunnel .widget-tit-wrapper .desc-wrapper, .widget-degree .widget-tit-wrapper .desc-wrapper {
  top: -11px;
  position: relative;
}
.widget-cell-manage .widget-tit-wrapper .slide-btn, .widget-risk .widget-tit-wrapper .slide-btn, .widget-safety-active .widget-tit-wrapper .slide-btn,
.widget-location .widget-tit-wrapper .slide-btn, .widget-access-uzworktype .widget-tit-wrapper .slide-btn, .widget-location-tunnel .widget-tit-wrapper .slide-btn, .widget-degree .widget-tit-wrapper .slide-btn {
  display: flex;
}
.widget-cell-manage .widget-tit-wrapper .slide-btn .btn, .widget-risk .widget-tit-wrapper .slide-btn .btn, .widget-safety-active .widget-tit-wrapper .slide-btn .btn,
.widget-location .widget-tit-wrapper .slide-btn .btn, .widget-access-uzworktype .widget-tit-wrapper .slide-btn .btn, .widget-location-tunnel .widget-tit-wrapper .slide-btn .btn, .widget-degree .widget-tit-wrapper .slide-btn .btn {
  padding: 0.313rem;
  font-size: 120%;
}
.widget-cell-manage .widget-tit-wrapper .slide-btn .btn.i-size2, .widget-risk .widget-tit-wrapper .slide-btn .btn.i-size2, .widget-safety-active .widget-tit-wrapper .slide-btn .btn.i-size2,
.widget-location .widget-tit-wrapper .slide-btn .btn.i-size2, .widget-access-uzworktype .widget-tit-wrapper .slide-btn .btn.i-size2, .widget-location-tunnel .widget-tit-wrapper .slide-btn .btn.i-size2, .widget-degree .widget-tit-wrapper .slide-btn .btn.i-size2 {
  padding: 0.2rem 0.2rem 0.2rem 0.313rem;
  font-size: 140%;
}
.widget-cell-manage .widget-tit-wrapper .slide-btn .play, .widget-risk .widget-tit-wrapper .slide-btn .play, .widget-safety-active .widget-tit-wrapper .slide-btn .play,
.widget-location .widget-tit-wrapper .slide-btn .play, .widget-access-uzworktype .widget-tit-wrapper .slide-btn .play, .widget-location-tunnel .widget-tit-wrapper .slide-btn .play, .widget-degree .widget-tit-wrapper .slide-btn .play {
  display: none;
}
.widget-cell-manage .widget-tit-wrapper .slide-btn .pause, .widget-risk .widget-tit-wrapper .slide-btn .pause, .widget-safety-active .widget-tit-wrapper .slide-btn .pause,
.widget-location .widget-tit-wrapper .slide-btn .pause, .widget-access-uzworktype .widget-tit-wrapper .slide-btn .pause, .widget-location-tunnel .widget-tit-wrapper .slide-btn .pause, .widget-degree .widget-tit-wrapper .slide-btn .pause {
  display: block;
}

.widget-gas-info {
  height: auto;
  min-height: 184px;
  background: #D7EAEF;
}
.widget-gas-info .widget-tit-wrapper {
  flex-direction: column;
}
.widget-gas-info .widget-tit-wrapper .desc-wrapper {
  padding-top: 0.5rem;
}
.widget-gas-info .wg-tbl-info {
  margin-top: 1.313rem;
  min-width: 450px;
  font-size: calc(0.875rem * 0.9286);
}
.widget-gas-info .wg-tbl-info thead th {
  font-weight: 700;
}
.widget-gas-info .wg-tbl-info th, .widget-gas-info .wg-tbl-info td {
  padding: 0.75rem 0.5rem;
  border-top: 0 none;
}
.widget-gas-info .wg-tbl-info tbody td {
  text-align: right;
}
@media (max-width: 767.98px) {
  .widget-gas-info .widget-tit-wrapper {
    flex-direction: row;
  }
  .widget-gas-info .widget-tit-wrapper .desc-wrapper {
    padding-top: 0;
  }
  .widget-gas-info .wg-tbl-info {
    margin-top: 0;
    margin-bottom: 1rem;
  }
}

.widget-work-site {
  min-height: 150px;
  background: #A3D2F4 url("../../images/default/contents/ico_spot_0.png") left bottom no-repeat;
}
@media (max-width: 992px) {
  .widget-work-site {
    background-position: 0 50px;
  }
}
@media (max-width: 767.98px) {
  .widget-work-site {
    background-position: 0 50px;
  }
}
@media (max-width: 575.98px) {
  .widget-work-site {
    background-size: 40%;
    background-position: 0px 55px;
  }
}
@media (max-width: 500px) {
  .widget-work-site {
    background-size: 42%;
    background-position: 0px 80px;
  }
}
.widget-work-site > .container-fluid {
  padding-bottom: 0.625rem;
}
.widget-work-site > .container-fluid > .row {
  margin-right: -3px;
  margin-left: -3px;
}
.widget-work-site > .container-fluid > .row [class^=col], .widget-work-site > .container-fluid > .row [class^=col-] {
  padding-right: 3px;
  padding-left: 3px;
}
.widget-work-site > .container-fluid > .row:nth-child(2) {
  margin-right: -6px;
}
.widget-work-site .mt-1-minus {
  margin-top: -0.5rem;
}
.widget-work-site [class^=work-site-box-] {
  border-radius: 0.25rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 0.625rem;
  padding: 0.75rem;
  height: 86px;
  background-color: #fff;
}
.widget-work-site [class^=work-site-box-] .work-tit {
  font-weight: 500;
  text-align: right;
}
.widget-work-site [class^=work-site-box-] .work-num {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  font-family: GmarketSansBold;
  font-size: 1.5rem;
  text-align: right;
}
.widget-work-site .work-site-box-1 {
  background-image: url("../../images/default/contents/ico_spot_1.svg");
  background-position: 0.625rem center;
  background-repeat: no-repeat;
}
.widget-work-site .work-site-box-1 .work-num {
  color: #19A7B0;
}
.widget-work-site .work-site-box-2 {
  background-image: url("../../images/default/contents/ico_spot_2.svg");
  background-position: 0.625rem center;
  background-repeat: no-repeat;
}
.widget-work-site .work-site-box-2 .work-num {
  color: #32A1FF;
}
.widget-work-site .work-site-box-3 {
  background-image: url("../../images/default/contents/ico_spot_3.svg");
  background-position: 0.625rem center;
  background-repeat: no-repeat;
}
.widget-work-site .work-site-box-3 .work-num {
  color: #FDA60D;
}
.widget-work-site .work-period {
  padding-top: 0.5rem;
  font-size: calc(0.875rem * 0.9286);
  font-family: GmarketSansMedium;
  line-height: 1rem;
  white-space: pre;
  letter-spacing: -1px;
}

.widget-work-site.with-weather {
  min-height: 184px;
  background-image: none;
}
.widget-work-site.with-weather > .container-fluid > .row:first-child {
  margin-right: -6px;
}
.widget-work-site.with-weather > .container-fluid > .row:nth-child(2) {
  margin-right: -3px;
  margin-left: 0;
  margin-top: 0.313rem;
}
.widget-work-site.with-weather [class^=work-site-box-] {
  height: 80px;
  min-height: 70px;
}
.widget-work-site.with-weather [class^=work-site-box-] .work-tit {
  font-size: calc(0.875rem * 0.9286);
}
.widget-work-site.with-weather .work-site-box-1 .work-period {
  padding-top: 0.625rem;
  font-size: 0.688rem;
  line-height: 1rem;
}
@media (max-width: 767.98px) {
  .widget-work-site.with-weather > .container-fluid > .row:nth-child(2) {
    margin-top: 0.625rem;
  }
  .widget-work-site.with-weather .work-site-box-1 .work-period {
    text-align: left;
  }
}
.widget-work-site.with-weather .widget-tit-wrapper {
  flex-direction: column;
  padding-bottom: 0;
}
.widget-work-site.with-weather .weather-list-wrapper {
  border-radius: 0.25rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 576px) {
  .widget-work-site.with-weather .work-period {
    text-align: left;
  }
}

.weather-list-wrapper {
  min-height: 80px;
  background: #fff;
}
.weather-list-wrapper .col {
  border-left: 1px dashed rgba(221, 221, 221, 0.9);
}
.weather-list-wrapper .col:first-child {
  border-left: 0 none;
}
.weather-list-wrapper .weather-box-outter {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.313rem 0.5rem;
}
.weather-list-wrapper .weather-box-outter .weather-box-img {
  width: auto;
  height: auto;
  position: absolute;
  top: 25%;
}
.weather-list-wrapper .weather-box-outter .weather-box-inner {
  position: absolute;
  right: 0.5rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-content: flex-end;
  margin-top: 0.5rem;
  height: calc(100% - 1.313rem);
  line-height: 2;
}
.weather-list-wrapper .weather-box-outter .weather-box-inner .weather-tit {
  font-size: calc(0.875rem * 0.9286);
  font-weight: 500;
  text-align: right;
}
.weather-list-wrapper .weather-box-outter .weather-box-inner .weather-num {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  color: rgba(51, 51, 51, 0.95);
  font-size: calc(0.875rem * 0.9286);
  text-align: right;
}
.weather-list-wrapper .weather-box-outter .weather-box-inner .today {
  padding: 0.313rem 0 0.25rem;
  font-size: calc(0.875rem * 1.1429);
  font-weight: bold;
}
.weather-list-wrapper .weather-box-outter .weather-box-inner.line-height-1 {
  line-height: 1.1;
}
@media (max-width: 1199.98px) {
  .weather-list-wrapper .col:nth-child(4) {
    border-left: 0 none;
  }
  .weather-list-wrapper .col:nth-child(4), .weather-list-wrapper .col:nth-child(5), .weather-list-wrapper .col:nth-child(6) {
    border-top: 1px dashed rgba(221, 221, 221, 0.9);
  }
  .weather-list-wrapper .weather-box-outter {
    height: 70px;
  }
  .weather-list-wrapper .weather-box-outter .weather-box-img {
    top: 23%;
  }
}
@media (max-width: 767.98px) {
  .weather-list-wrapper .img-ico-38 {
    width: 34px !important;
    height: 34px !important;
  }
}
@media (max-width: 415px) {
  .weather-list-wrapper .weather-box-outter .weather-box-img {
    top: 30%;
  }
  .weather-list-wrapper .img-ico-38 {
    width: 26px !important;
    height: 26px !important;
  }
}

.widget-weather {
  min-height: 150px;
}
.widget-weather > .container-fluid {
  padding-bottom: 0.75rem;
}
.widget-weather > .container-fluid > .row {
  margin-right: -3px;
  margin-left: -3px;
}
.widget-weather > .container-fluid > .row [class^=col], .widget-weather > .container-fluid > .row [class^=col-] {
  padding-right: 3px;
  padding-left: 3px;
}
.widget-weather > .container-fluid > .row:nth-child(2) {
  margin-right: -6px;
}

.widget-weather-air {
  min-height: 14.5rem;
}
.widget-weather-air > .container-fluid {
  padding-bottom: 0.75rem;
}
.widget-weather-air > .container-fluid > .row {
  margin-right: -3px;
  margin-left: -3px;
}
.widget-weather-air > .container-fluid > .row [class^=col], .widget-weather-air > .container-fluid > .row [class^=col-] {
  padding-right: 3px;
  padding-left: 3px;
}
.widget-weather-air > .container-fluid > .row:nth-child(2) {
  margin-right: -6px;
}

.widget-weather-air .weather-list-wrapper {
  min-height: 10.5rem;
}

.widget-weather-air .weather-list-wrapper .col { border-left: 1px dashed rgba(221, 221, 221, 0.9); border-top: 1px dashed rgba(221, 221, 221, 0.9); container-name: airinfo-list; container-type: inline-size; }

.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas { display: flex;  }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state { height: 1.35rem; display: flex; align-items: center; justify-content: center; margin-left: 0.3rem; padding: 0rem 0.3rem; border-radius: 4px; font-size: 0.75rem; font-weight: bold; }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state-0 { background: unset; color: #D0D2D6; }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state-1 { background: #E0F0FF; color: #007CE8; }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state-2 { background: #E0F0FF; color: #007CE8; }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state-3 { background: #FAE7EE; color: #E80055; }
.widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas .gas-state-4 { background: #FAE7E7; color: #E80000; }

@container airinfo-list (max-width: 106px) {
  .widget-weather-air .weather-list-wrapper .weather-box-outter .weather-tit .chemical-formula { display: none; }
}

@media (min-width: 576px) {
  .widget-weather-air .weather-list-wrapper .col:nth-child(5n+1) { border-left: 0 none; }
  .widget-weather-air .weather-list-wrapper .col:nth-child(-n+5) { border-top: 0 none; }
}

@media (max-width: 1850px) {
  .widget-weather-air .weather-list-wrapper .weather-box-outter { height: 6rem; }
  .widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas { flex-direction: column; }
}

/* row-cols-2 */
@media (max-width: 575px) {
  .widget-weather-air .weather-list-wrapper .weather-box-outter { height: 5.5rem; }
  .widget-weather-air .weather-list-wrapper .weather-box-outter .dp-val-gas { flex-direction: unset; }
  .widget-weather-air .weather-list-wrapper .col:nth-child(2n+1) { border-left: 0 none; }
  .widget-weather-air .weather-list-wrapper .col:nth-child(-n+2) { border-top: 0 none; }
}

.widget-access {
  min-height: 150px;
}
.widget-access .w-100.p-2 {
  padding: 0.4rem !important;
}
.widget-access .w-100.p-1,
.widget-access .w-100.p-2 {
  display: block;
}
@media (min-width: 767.98px) {
  .widget-access .w-100.p-1,
  .widget-access .w-100.p-2 {
    display: none;
  }
}
.widget-access > .container-fluid > .row:nth-child(2) {
  margin-top: 0.313rem;
}
.widget-access > .container-fluid > .row:nth-child(2) [class^=col-] {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  border-left: 1px solid rgba(221, 221, 221, 0.9);
}
.widget-access > .container-fluid > .row:nth-child(2) [class^=col-]:first-child, .widget-access > .container-fluid > .row:nth-child(2) [class^=col-]:nth-child(5) {
  border-left: 0 none;
}
.widget-access [class^=access-box], .widget-access [class^=access-box-] {
  padding: 0.625rem 0 0 0;
  height: 80px;
  text-align: right;
}
.widget-access [class^=access-box] .access-tit, .widget-access [class^=access-box-] .access-tit {
  display: inline-block;
  padding-left: 1.5rem;
  min-height: 20px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 20px;
}
.widget-access [class^=access-box] .access-num, .widget-access [class^=access-box-] .access-num {
  padding: 1.1rem 0 0 0;
  font-family: GmarketSansBold;
  font-size: 1.5rem;
}
.widget-access [class^=access-box].total, .widget-access [class^=access-box-].total {
  border-radius: 0.25rem;
  margin-left: -0.1rem;
  padding: 0.625rem;
  background: #FFF8E1;
  overflow: hidden;
}
.widget-access [class^=access-box].total .access-tit, .widget-access [class^=access-box-].total .access-tit {
  padding-bottom: 0.313rem;
  padding-left: 0;
}
.widget-access [class^=access-box].total .access-num, .widget-access [class^=access-box-].total .access-num {
  padding: 1rem 0 0.25rem 0;
  color: rgba(51, 51, 51, 0.8);
  font-size: calc(0.875rem * 1.0715);
  letter-spacing: -0.075rem;
}
@media (max-width: 1199.98px) {
  .widget-access [class^=access-box] .access-tit, .widget-access [class^=access-box-] .access-tit {
    padding-left: 1.625rem;
  }
}
@media (max-width: 575.98px) {
  .widget-access [class^=access-box], .widget-access [class^=access-box-] {
    padding-right: 0;
  }
  .widget-access [class^=access-box] .access-tit, .widget-access [class^=access-box-] .access-tit {
    padding-left: 0;
    background-image: none !important;
  }
}
.widget-access .access-box-1 .access-tit {
  background-image: url("../../images/default/contents/ico_user_access_1.svg");
  background-repeat: no-repeat;
}
.widget-access .access-box-1 .access-num {
  color: #7F979E;
}
.widget-access .access-box-2 .access-tit {
  background-image: url("../../images/default/contents/ico_user_access_2.svg");
  background-repeat: no-repeat;
}
.widget-access .access-box-2 .access-num {
  color: #3F85ED;
}
.widget-access .access-box-3 .access-tit {
  background-image: url("../../images/default/contents/ico_user_access_3.svg");
  background-repeat: no-repeat;
}
.widget-access .access-box-3 .access-num {
  color: #01B836;
}
.widget-access .access-box-4 .access-tit {
  background-image: url("../../images/default/contents/ico_user_access_4.svg");
  background-repeat: no-repeat;
}
.widget-access .access-box-4 .access-num {
  color: #FA772E;
}
.widget-access .access-box-5 .access-tit {
  background-image: url("../../images/default/contents/ico_user_access_5.svg");
  background-repeat: no-repeat;
}
.widget-access .access-box-5 .access-num {
  color: #E64746;
}
.widget-access.with-workline {
  min-height: 150px;
  height: calc( 150px * 2 + 1.1rem);
}
@media (max-width: 767.98px) {
  .widget-access.with-workline {
    height: auto;
  }
}
.widget-access.with-workline .wg-tbl {
  table-layout: fixed;
}
.widget-access.with-workline .wg-tbl th, .widget-access.with-workline .wg-tbl td {
  padding: 0.625rem 0.313rem;
  text-align: center;
  font-size: calc(0.875rem * 0.9286);
}

.widget-covid {
  min-height: 150px;
  background: #E64746;
}
.widget-covid .widget-tit-wrapper {
  flex-direction: column;
}
.widget-covid .widget-tit-wrapper > h3 {
  color: #fff;
}
.widget-covid .widget-tit-wrapper .desc-wrapper {
  padding-top: 0.5rem;
  color: rgba(255, 255, 255, 0.8);
}
.widget-covid .widget-tit-wrapper a:link {
  color: rgba(255, 255, 255, 0.8);
}
.widget-covid .text-fa-gm-bold {
  font-size: calc(0.875rem * 1.0715);
}
.widget-covid.with {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1) !important;
  background: #fff;
}
.widget-covid.with .widget-tit-wrapper > h3 {
  color: #333;
}
.widget-covid.with .widget-tit-wrapper .desc-wrapper {
  color: rgba(51, 51, 51, 0.8);
}
.widget-covid.with .widget-tit-wrapper a:link {
  color: rgba(51, 51, 51, 0.8);
}
.widget-covid.with .wg-tbl-bubble tbody tr, .widget-covid.with .wg-tbl-bubble tfoot tr {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
  color: #333;
}
.widget-covid.with .wg-tbl-bubble td {
  background: #E8EBED;
}
.widget-covid.with .wg-tbl-bubble tfoot td {
  background: #FFF8E1;
}

.widget-safety-noti {
  min-height: 150px;
  height: calc( 150px * 2 + 1.55rem);
}
.widget-safety-noti > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
@media (max-width: 575.98px) {
  .widget-safety-noti .widget-tit-wrapper {
    padding-bottom: 0;
  }
}
.widget-safety-noti ul.noti-list-wrapper {
  height: 240px;
}
.widget-safety-noti ul.noti-list-wrapper li {
  margin: 4px 0;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list {
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem;
  min-width: 0;
  width: 100%;
  background: #F2F4F5;
  color: #333;
  transition: 0.3s;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list:hover {
  background: #e4e8ea;
  text-decoration: none;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-tit-wrapper {
  display: flex;
  flex-direction: row;
  padding-left: 0;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-tit-wrapper i {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-tit-wrapper .noti-tit {
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-tit-wrapper .noti-date {
  padding-top: 4px;
  font-size: 12px;
  color: rgba(51, 51, 51, 0.6);
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-desc-wrapper {
  display: flex;
  min-width: 0;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-desc-wrapper .noti-desc {
  margin-right: 0.5rem;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.widget-safety-noti ul.noti-list-wrapper a.noti-list .noti-desc-wrapper .noti-badge {
  flex-shrink: 0;
  padding: 0.2em 0.4em 0.35em;
  font-weight: 400;
  font-size: 12px;
}
@media (max-width: 340px) {
  .widget-safety-noti ul.noti-list-wrapper {
    height: 224px;
  }
  .widget-safety-noti ul.noti-list-wrapper .noti-list {
    flex-direction: column;
    align-items: flex-start;
  }
  .widget-safety-noti ul.noti-list-wrapper .noti-list .noti-desc-wrapper {
    padding-top: 0.5rem;
  }
  .widget-safety-noti ul.noti-list-wrapper .noti-list .noti-desc-wrapper .noti-desc {
    padding-left: 1rem;
  }
}

.widget-video, .widget-broadcast {
  height: 490px;
  background: #4D5366;
}
.widget-video > .container-fluid, .widget-broadcast > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-video .btn-secondary, .widget-broadcast .btn-secondary {
  border-radius: 0;
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  display: block;
  background: #616677;
  border-color: #616677;
  text-align: left;
}
.widget-video .btn-secondary i, .widget-broadcast .btn-secondary i {
  margin-right: 0.625rem;
}
.widget-video .btn-secondary:not(:disabled):not(.disabled):active:focus, .widget-video .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .widget-video .btn-secondary.dropdown-toggle:focus, .widget-broadcast .btn-secondary:not(:disabled):not(.disabled):active:focus, .widget-broadcast .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .widget-broadcast .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(130, 138, 145, 0.5);
}
.widget-video .widget-tit-wrapper > h3, .widget-broadcast .widget-tit-wrapper > h3 {
  color: #fff;
}
.widget-video .widget-tit-wrapper .badge, .widget-broadcast .widget-tit-wrapper .badge {
  border-radius: 1rem;
  margin-left: 0.625rem;
  padding: 0.25em 0.625em;
  background: #9ED6FF;
  color: #333;
  font-family: "Noto Sans KR", sans-serif;
  font-weight: 400;
}
.widget-video .screen-wrapper .screen-box, .widget-broadcast .screen-wrapper .screen-box {
  height: 100%;
  background: #333;
}
.widget-video .screen-wrapper .screen-box .screen-tit, .widget-broadcast .screen-wrapper .screen-box .screen-tit {
  padding: 1rem;
  color: #fff;
  min-height: 22px;
}
.widget-video .screen-wrapper .screen-box .screen-tit .screen-type, .widget-broadcast .screen-wrapper .screen-box .screen-tit .screen-type {
  padding: 0 1rem;
  color: #D0D2D6;
}
.widget-video .screen-wrapper .screen-box .screen-thumbnail, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-bottom: 55%;
  z-index: 1;
  top: 40%;
  transform: translate(0, -50%);
}
.widget-video .screen-wrapper .screen-box .screen-thumbnail img, .widget-video .screen-wrapper .screen-box .screen-thumbnail video, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail img, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget-video .table-responsive, .widget-broadcast .table-responsive {
  margin-left: -1rem;
  width: calc(100% + 1rem);
}
@media (max-width: 1199.98px) {
  .widget-video .screen-wrapper .screen-box .screen-thumbnail, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail {
    padding-bottom: 47%;
  }
}
@media (max-width: 767.98px) {
  .widget-video .screen-wrapper .screen-box .screen-thumbnail, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail {
    padding-bottom: 60%;
  }
}
@media (max-width: 575.98px) {
  .widget-video, .widget-broadcast {
    height: auto;
  }
  .widget-video .screen-wrapper, .widget-broadcast .screen-wrapper {
    padding-bottom: 0.5rem;
  }
  .widget-video .screen-wrapper .screen-box, .widget-broadcast .screen-wrapper .screen-box {
    padding-bottom: 1rem;
  }
  .widget-video .screen-wrapper .screen-box .screen-thumbnail, .widget-broadcast .screen-wrapper .screen-box .screen-thumbnail {
    top: 40%;
    padding-bottom: 50%;
  }
  .widget-video .table-responsive, .widget-broadcast .table-responsive {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
  }
}

.widget-video ul.video-btnlst-wrapper {
  height: 420px;
}
.widget-video ul.video-btnlst-wrapper li {
  padding-bottom: 0.25rem;
}
@media (max-width: 575.98px) {
  .widget-video ul.video-btnlst-wrapper {
    height: 240px;
  }
}

.widget-broadcast ul.broadcast-btnlst-wrapper {
  height: 161px;
}
.widget-broadcast ul.broadcast-btnlst-wrapper li {
  padding-bottom: 0.25rem;
}
.widget-broadcast ul.broadcast-btnlst-wrapper .group-btn-wrap {
  display: flex;
}
.widget-broadcast ul.broadcast-btnlst-wrapper .group-btn-wrap .btn-secondary:nth-child(1) {
  text-overflow: clip;
}
.widget-broadcast ul.broadcast-btnlst-wrapper .group-btn-wrap .btn-secondary:nth-child(1) i {
  padding-right: 0;
}
.widget-broadcast ul.broadcast-btnlst-wrapper .group-btn-wrap .btn-secondary:nth-child(2) {
  width: 100%;
}
.widget-broadcast .broadcast-form-wrapper {
  margin-left: -1rem;
  padding-top: 0.5rem;
  width: calc(100% + 1rem);
}
.widget-broadcast .broadcast-form-wrapper .container-fluid {
  padding-right: 0;
  padding-left: 0;
}
.widget-broadcast .broadcast-form-wrapper .container-fluid > .row {
  margin-right: -3px;
  margin-left: -3px;
}
.widget-broadcast .broadcast-form-wrapper .container-fluid > .row [class^=col], .widget-broadcast .broadcast-form-wrapper .container-fluid > .row [class^=col-] {
  padding-right: 3px;
  padding-left: 3px;
}
.widget-broadcast .broadcast-form-wrapper .form-group {
  margin-bottom: 0.375rem;
}
.widget-broadcast .broadcast-form-wrapper .form-group:last-child {
  margin-bottom: 0;
}
.widget-broadcast .broadcast-form-wrapper .form-control {
  background: #4D5366;
  border-color: #353C50;
  color: #D0D3D8;
}
.widget-broadcast .broadcast-form-wrapper .form-control::placeholder {
  color: #adb5bd;
  opacity: 1;
}
.widget-broadcast .broadcast-form-wrapper .btn {
  padding: 0.45rem 0.375rem;
  font-size: 0.82rem;
}
.widget-broadcast .broadcast-form-wrapper .btn i {
  padding-right: 0;
}
.widget-broadcast .broadcast-form-wrapper textarea.form-control {
  resize: none;
  height: 82px;
}
@media (max-width: 575.98px) {
  .widget-broadcast .broadcast-form-wrapper {
    padding-left: 0;
    margin-left: 0;
    width: 100%;
  }
  .widget-broadcast .broadcast-form-wrapper .form-group:last-child {
    margin-bottom: 0.25rem;
  }
}
.widget-broadcast.no-screen ul.broadcast-btnlst-wrapper {
  height: 420px;
}
.widget-broadcast.no-screen .table-responsive {
  margin: 0;
  width: 100%;
}
.widget-broadcast.no-screen .broadcast-form-wrapper {
  margin: 0 0;
  padding-top: 0;
  width: 100%;
}
.widget-broadcast.no-screen .broadcast-form-wrapper textarea.form-control {
  resize: none;
  height: 254px;
}
@media (max-width: 767.98px) {
  .widget-broadcast.no-screen ul.broadcast-btnlst-wrapper {
    height: 160px;
  }
  .widget-broadcast.no-screen .broadcast-form-wrapper {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .widget-broadcast.no-screen .broadcast-form-wrapper textarea.form-control {
    height: 82px;
  }
}

.widget-bcslog .table-responsive::-webkit-scrollbar { width: 0.25rem; }
.widget-bcslog .table-responsive::-webkit-scrollbar-thumb { background: #BABABA; border-radius: 1rem; }
.widget-bcslog .table-responsive::-webkit-scrollbar-track { width: 4px; background-color: #ebebeb; }

.widget-cell-manage {
  height: 320px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
}
.widget-cell-manage > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-cell-manage .cell-card {
  -webkit-backface-visibility: hidden;
}
.widget-cell-manage .cell-card .cell-title {
  border-radius: 0.25rem;
  width: 100%;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E8EBED;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-align: center;
}
.widget-cell-manage .cell-card .cell-content {
  display: flex;
  padding: 0.75rem 0;
}
.widget-cell-manage .cell-card .cell-content .cell-leader-img {
  width: 9.375rem;
  height: 11.875rem;
  position: relative;
  flex: 0 0 9.375rem;
  margin-right: 0.75rem;
}
.widget-cell-manage .cell-card .cell-content .cell-leader-img .cell-leader-name {
  width: 9.375rem;
  height: 2.5rem;
  position: absolute;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(51, 51, 51, 0.7);
  color: #fff;
  font-weight: 700;
}
.widget-cell-manage .cell-card .cell-content .cell-details {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 0;
  margin-left: 0;
}
.widget-cell-manage .cell-card .cell-content .cell-details > .row {
  padding: 0.25rem 0;
}
.widget-cell-manage .cell-card .cell-content .cell-details > .row [class^=col], .widget-cell-manage .cell-card .cell-content .cell-details > .row [class^=col-] {
  padding-right: 4px;
  padding-left: 4px;
}
.widget-cell-manage .cell-card .cell-content .cell-details > .row:nth-child(2) {
  border-top: 0 none;
}
@media (max-width: 767px) {
  .widget-cell-manage .cell-card .cell-content .cell-details > .row:nth-child(1) {
    border-top: 0 none;
  }
}
.widget-cell-manage .cell-card .cell-content .cell-details .cell-details-label {
  padding-top: 1px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 1.438rem;
}
@media (max-width: 576px) {
  .widget-cell-manage .cell-card .cell-content .cell-details .cell-details-label {
    padding-bottom: 0.25rem;
  }
}
.widget-cell-manage .cell-card .cell-content .cell-details .cell-details-txt {
  line-height: 1.438rem;
  max-width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.widget-cell-manage .cell-card .cell-content .cell-details .cell-details-txt-row-2 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.widget-cell-manage .cell-card .cell-content .cell-details .cell-details-txt-row-4 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
@media (max-width: 767.98px) {
  .widget-cell-manage {
    height: auto;
  }
}
@media (max-width: 414.98px) {
  .widget-cell-manage {
    height: auto;
  }
}

.widget-noise > .container-fluid, .widget-gas > .container-fluid, .fire-sensor > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-noise .alert, .widget-gas .alert, .fire-sensor .alert {
  border-radius: 0;
  margin: 0;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
}

.widget-noise, .fire-sensor {
  min-height: 150px;
}
.widget-noise .alert, .fire-sensor .alert {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}
.widget-noise .alert > ul, .fire-sensor .alert > ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  padding: 0.25rem 0;
  font-size: 12px;
}
.widget-noise .alert > ul li, .fire-sensor .alert > ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 0.25rem;
}
.widget-noise .alert > ul li [class^=img-ico-], .fire-sensor .alert > ul li [class^=img-ico-] {
  margin-right: 0.25rem;
  margin-bottom: 0;
}
@media (max-width: 550px) {
  .widget-noise .alert, .fire-sensor .alert {
    justify-content: flex-start;
  }
  .widget-noise .alert > ul li, .fire-sensor .alert > ul li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 0.5rem;
    text-align: center;
    word-break: keep-all;
  }
  .widget-noise .alert > ul li [class^=img-ico-], .fire-sensor .alert > ul li [class^=img-ico-] {
    margin-right: 0;
    margin-bottom: 0.25rem;
  }
  .widget-noise .alert > ul li span, .fire-sensor .alert > ul li span {
    display: block;
  }
}
.widget-noise .wg-tbl, .fire-sensor .wg-tbl {
  min-width: 500px;
}

.widget-gas {
  min-height: 150px;
}
.widget-gas .alert {
  font-weight: 700;
}
.widget-gas .alert .info-title {
  display: flex;
  align-items: center;
  height: 100%;
}
.widget-gas .alert .info-title [class^=img-ico-] {
  margin-right: 0.25rem;
  vertical-align: sub;
}
.widget-gas .wg-tbl-info th, .widget-gas .wg-tbl-info td {
  padding: 0.3rem 0.5rem;
  border-left: 0 none;
  font-weight: 700;
}
.widget-gas .wg-tbl {
  min-width: 700px;
}
@media (max-width: 767.98px) {
  .widget-gas .alert .info-title {
    padding-top: 0.5rem;
    padding-bottom: 1rem;
  }
  .widget-gas .alert .img-ico-24 {
    width: 20px !important;
    height: 20px !important;
  }
}

.widget-burn {
  min-height: 150px;
}
.widget-burn > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-burn .wg-tbl {
  min-width: 500px;
}

.widget-slope {
  min-height: 150px;
  background: #FFFFFF;
}
.widget-slope > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-slope .wg-tbl {
  min-width: 700px;
}

.widget-banner {
  padding-right: 0;
  padding-left: 0;
}
.widget-banner > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-banner img {
  width: 100%;
  height: auto;
}

.risk-state1 {
  background: #FAB400;
}

.risk-state2 {
  background: #FA772E;
}

.risk-state3 {
  background: #C93221;
}

.risk-badge {
  margin: 0 4px;
  color: #fff;
  font-size: 12px;
  min-width: 60px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  padding: 2px 0 4px;
}
.risk-badge.risk-state1:before {
  content: "위험";
}
.risk-badge.risk-state2:before {
  content: "고위험";
}
.risk-badge.risk-state3:before {
  content: "집중관리";
}

.widget-risk {
  min-height: 150px;
  height: calc( 150px * 2 + 1.55rem);
}
@media (max-width: 1399.98px) {
  .widget-risk {
    height: auto;
  }
}
.widget-risk > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-risk .risk-card {
  padding: 0 1px;
  -webkit-backface-visibility: hidden;
}
.widget-risk .risk-content {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  background: #ccc;
  border: 1px solid #ccc;
}
.widget-risk .risk-content .risk-title {
  width: 100%;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-align: center;
}
.widget-risk .risk-content .risk-details {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0.714rem 0;
  padding: 0 1.429rem;
}
.widget-risk .risk-content .risk-details > .row {
  padding: 0.35rem 0;
}
.widget-risk .risk-content .risk-details .risk-details-label {
  padding-top: 1px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 1.438rem;
}
@media (max-width: 576px) {
  .widget-risk .risk-content .risk-details .risk-details-label {
    padding-bottom: 0.25rem;
  }
}
.widget-risk .risk-content .risk-details .risk-details-txt {
  padding: 3px 0px;
  max-width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.widget-risk .risk-content .risk-details .risk-details-txt-row-2 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.widget-risk .risk-content .risk-details .risk-details-txt-row-4 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.widget-risk .risk-content.risk-card1 {
  background: rgba(250, 180, 0, 0.05);
  border-color: rgba(250, 180, 0, 0.4);
}
.widget-risk .risk-content.risk-card1 .risk-title {
  background: rgba(250, 180, 0, 0.15);
}
.widget-risk .risk-content.risk-card2 {
  background: rgba(250, 119, 46, 0.05);
  border-color: rgba(250, 119, 46, 0.4);
}
.widget-risk .risk-content.risk-card2 .risk-title {
  background: rgba(250, 119, 46, 0.15);
}
.widget-risk .risk-content.risk-card3 {
  background: rgba(201, 50, 33, 0.05);
  border-color: rgba(201, 50, 33, 0.4);
}
.widget-risk .risk-content.risk-card3 .risk-title {
  background: rgba(201, 50, 33, 0.15);
}

.widget-holdpoint, .widget-background-control {
  min-height: 150px;
  background: #FFFFFF;
}
.widget-holdpoint > .container-fluid, .widget-background-control > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-holdpoint .wg-tbl, .widget-background-control .wg-tbl {
  min-width: 700px;
}

.widget-safety-active {
  min-height: 150px;
  height: calc( 150px * 2 + 1.55rem);
}
@media (max-width: 767.98px) {
  .widget-safety-active {
    height: auto;
  }
}
.widget-safety-active > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-safety-active a {
  color: #333;
}
.widget-safety-active a:hover {
  color: #333;
  text-decoration: none;
}
.widget-safety-active .saf-act-slider {
  padding: 0 1px;
  -webkit-backface-visibility: hidden;
}
.widget-safety-active .saf-act-slider .safety-active-card {
  border-radius: 0;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  margin: 0;
  background-color: #fff;
}
.widget-safety-active .saf-act-slider .safety-active-card:hover {
  filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0.3));
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 1px 0 0;
  height: 36px;
}
@media (max-width: 767.98px) {
  .widget-safety-active .saf-act-slider .safety-active-card .safety-card-header {
    align-items: center;
    height: 50px;
  }
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-writer {
  display: flex;
  align-items: center;
  padding-top: 5px;
}
@media (max-width: 767.98px) {
  .widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-writer {
    padding-top: 0;
  }
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-writer .card-writer-name,
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-writer .card-writer-tit {
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-writer .card-writer-date {
  padding-left: 12px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.widget-safety-active .saf-act-slider .safety-active-card .safety-card-header .card-info .badge-new {
  color: #fff;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body {
  padding: 0;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-message-contents,
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst .card-comment-row {
  padding: 0;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-message-contents,
.widget-safety-active .saf-act-slider .safety-active-card .card-body .comment-contents {
  font-size: 0.875rem;
  line-height: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst ul {
  font-size: 0.875rem;
  padding-top: 1rem;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst li.card-comment-row {
  padding: 3px 0 9px;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst li.card-comment-row .comment-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: -10px;
  height: 30px;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst li.card-comment-row .comment-user .user-name {
  font-weight: 700;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst li.card-comment-row .comment-user .user-date {
  padding-left: 12px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-weight: 400;
}
.widget-safety-active .saf-act-slider .safety-active-card .card-body .card-comment-lst li.card-comment-row .comment-contents {
  -webkit-line-clamp: 1;
}
.widget-safety-active .saf-act-slider .card-photo-wrapper .card-photo-slide .img-wrapper {
  width: 100%;
  height: 220px;
  overflow: hidden;
  position: relative;
  background: rgba(51, 51, 51, 0.35);
}
.widget-safety-active .saf-act-slider .card-photo-wrapper .card-photo-slide .img-wrapper > img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.widget-location {
  min-height: 150px;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .widget-location {
    height: auto;
  }
}
.widget-location .loc-state1 {
  background: #32A1FF;
}
.widget-location .loc-state2 {
  background: #C93221;
}
.widget-location > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-location .loc-card {
  padding: 0 1px;
  -webkit-backface-visibility: hidden;
}
.widget-location .loc-content {
  border-radius: 0.25rem;
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
  background: #ccc;
  border: 1px solid #ccc;
}
.widget-location .loc-content .loc-title {
  width: 100%;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-align: center;
}
.widget-location .loc-content .loc-details {
  flex: 1 1 auto;
  min-width: 0;
  margin: 0.714rem 0;
  padding: 0 1.429rem;
}
.widget-location .loc-content .loc-details > .row {
  padding: 0.35rem 0;
}
.widget-location .loc-content .loc-details .loc-details-label {
  padding-top: 1px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 1.438rem;
}
@media (max-width: 576px) {
  .widget-location .loc-content .loc-details .loc-details-label {
    padding-bottom: 0.25rem;
  }
}
.widget-location .loc-content .loc-details .loc-details-txt {
  padding: 3px 0px;
  max-width: 95%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
}
.widget-location .loc-content .loc-details .loc-details-txt-row-3 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.widget-location .loc-content.loc-card1 {
  background: rgba(50, 161, 255, 0.05);
  border-color: rgba(50, 161, 255, 0.4);
}
.widget-location .loc-content.loc-card1 .loc-title {
  background: rgba(50, 161, 255, 0.15);
}
.widget-location .loc-content.loc-card2 {
  background: rgba(201, 50, 33, 0.05);
  border-color: rgba(201, 50, 33, 0.4);
}
.widget-location .loc-content.loc-card2 .loc-title {
  background: rgba(201, 50, 33, 0.15);
}
.widget-location .loc-badge {
  margin: 0 4px;
  color: #fff;
  font-size: 12px;
  min-width: 42px;
  text-align: center;
  display: inline-block;
  border-radius: 10px;
  padding: 2px 0 4px;
}
.widget-location .loc-badge.loc-state1:before {
  content: "전체";
}
.widget-location .loc-badge.loc-state2:before {
  content: "제한";
}

.widget-location-tunnel {
  min-height: 150px;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .widget-location-tunnel {
    height: auto;
  }
}
.widget-location-tunnel > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-location-tunnel .loc-card {
  -webkit-backface-visibility: hidden;
}
.widget-location-tunnel .loc-card .loc-title {
  border-radius: 0.25rem;
  width: 100%;
  height: 2.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E8EBED;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-align: center;
}
.widget-location-tunnel .loc-card .loc-content {
  display: flex;
  padding: 0.5rem 0;
}
.widget-location-tunnel .loc-card .loc-content .loc-details {
  flex: 1 1 auto;
  min-width: 0;
  margin-right: 0;
  margin-left: 0;
}
.widget-location-tunnel .loc-card .loc-content .loc-details > .row {
  padding: 0.5rem 0;
  border-top: 1px dashed #ececec;
}
.widget-location-tunnel .loc-card .loc-content .loc-details > .row:first-child {
  border-top: 0 none;
}
.widget-location-tunnel .loc-card .loc-content .loc-details > .row [class^=col], .widget-location-tunnel .loc-card .loc-content .loc-details > .row [class^=col-] {
  padding-right: 4px;
  padding-left: 4px;
}
.widget-location-tunnel .loc-card .loc-content .loc-details .loc-details-label {
  padding-top: 1px;
  color: rgba(51, 51, 51, 0.7);
  font-size: calc(0.875rem * 0.9286);
  font-weight: 700;
  line-height: 1.438rem;
}
@media (max-width: 576px) {
  .widget-location-tunnel .loc-card .loc-content .loc-details .loc-details-label {
    padding-bottom: 0.25rem;
  }
}
.widget-location-tunnel .loc-card .loc-content .loc-details .loc-details-txt-row-3 {
  line-height: 1.438rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.fire-sensor {
  height: 490px;
}
.fire-sensor .table-responsive {
  height: 375px;
  margin-bottom: 1rem;
}
.fire-sensor .table-responsive > .table {
  margin-bottom: 0;
}

.widget-temperture .container-fluid {
  padding: 0 1rem;
}
.widget-temperture .temper-alert {
  min-height: 3.25rem;
  margin: 0 0 0.25rem 0;
  padding: 0;
  border: none;
}
.widget-temperture .temper-title {
  line-height: 3.25rem;
  font-family: "GmarketSansBold";
  font-size: 20px;
  text-align: center;
  color: #fff;
}
@media (max-width: 680px) {
  .widget-temperture .temper-title {
    padding: 0.625rem;
    font-size: 16px;
    line-height: 1.25rem;
  }
  .widget-temperture .temper-title > span {
    display: block;
  }
}
.widget-temperture .temper-box-wrap {
  position: relative;
  margin: 0 auto;
}
@media (max-width: 720px) {
  .widget-temperture .temper-box-wrap {
    flex-wrap: wrap;
  }
  .widget-temperture .temper-box-wrap .col-3, .widget-temperture .temper-box-wrap .col-9 {
    flex: 100%;
    max-width: 100%;
  }
  .widget-temperture .temper-box-wrap .temper-box-left {
    height: 200px;
  }
  .widget-temperture .temper-box-wrap .temper-icon-wrap {
    margin-top: 1rem;
  }
}
.widget-temperture .temper-box {
  padding: 0;
}
.widget-temperture .temper-box p {
  margin-bottom: 0.5rem;
  padding: 0.625rem 0.5rem;
  border-bottom: 0 none;
  background: #E8EBED;
  border-top: 0 none;
  color: rgba(51, 51, 51, 0.6);
  font-weight: 700;
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 720px) {
  .widget-temperture .temper-box p {
    border-radius: 0.25rem !important;
  }
}
@media (max-width: 720px) {
  .widget-temperture .temper-box {
    flex-wrap: wrap;
  }
  .widget-temperture .temper-box .col-3, .widget-temperture .temper-box .col-9 {
    flex: 100%;
    max-width: 100%;
  }
  .widget-temperture .temper-box .temper-box-left {
    height: 200px;
  }
  .widget-temperture .temper-box .temper-icon-wrap {
    margin-top: 1rem;
  }
}
.widget-temperture .temper-box:first-child p {
  border-radius: 0.25rem 0 0 0.25rem;
}
.widget-temperture .temper-box:last-child p {
  border-radius: 0 0.25rem 0.25rem 0;
}
.widget-temperture .temper-cont {
  padding: 1rem 1rem 1rem 2rem;
  line-height: 1.125rem;
}
@media (max-width: 680px) {
  .widget-temperture .temper-cont {
    padding: 0.5rem 1rem;
  }
}
.widget-temperture .temper-icon-wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.widget-temperture .temper-title-warning, .widget-temperture .temper-badge-warning {
  background-color: #54248E;
}
.widget-temperture .img-const-warning {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-warning-const.svg") center no-repeat;
}
.widget-temperture .img-road-warning {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-warning-road.svg") center no-repeat;
}
.widget-temperture .temper-badge-warning {
  display: block;
  max-width: 134px;
  color: #fff;
  padding: 0.375rem 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 1rem;
}
.widget-temperture .temper-title-danger, .widget-temperture .temper-badge-danger {
  background-color: #C30000;
}
.widget-temperture .img-const-danger {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-danger-const.svg") center no-repeat;
}
.widget-temperture .img-road-danger {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-danger-road.svg") center no-repeat;
}
.widget-temperture .temper-badge-danger {
  display: block;
  max-width: 134px;
  color: #fff;
  padding: 0.375rem 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 1rem;
}
.widget-temperture .temper-title-caution, .widget-temperture .temper-badge-caution {
  background-color: #FD8D3C;
}
.widget-temperture .img-const-caution {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-caution-const.svg") center no-repeat;
}
.widget-temperture .img-road-caution {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-caution-road.svg") center no-repeat;
}
.widget-temperture .temper-badge-caution {
  display: block;
  max-width: 134px;
  color: #fff;
  padding: 0.375rem 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 1rem;
}
.widget-temperture .temper-title-notice, .widget-temperture .temper-badge-notice {
  background-color: #FAD98F;
}
.widget-temperture .img-const-notice {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-notice-const.svg") center no-repeat;
}
.widget-temperture .img-road-notice {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-notice-road.svg") center no-repeat;
}
.widget-temperture .temper-badge-notice {
  display: block;
  max-width: 134px;
  color: #fff;
  padding: 0.375rem 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 1rem;
}
.widget-temperture .temper-title-normal, .widget-temperture .temper-badge-normal {
  background-color: #E5E5E5;
}
.widget-temperture .img-const-normal {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-normal-const.svg") center no-repeat;
}
.widget-temperture .img-road-normal {
  display: block;
  width: 135px;
  height: 64px;
  margin: 0 auto;
  margin-bottom: 1.625rem;
  background: url("../../images/default/contents/img-ico-normal-road.svg") center no-repeat;
}
.widget-temperture .temper-badge-normal {
  display: block;
  max-width: 134px;
  color: #fff;
  padding: 0.375rem 0.5rem;
  margin: 0 auto;
  text-align: center;
  border-radius: 1rem;
}
.widget-temperture .temper-title-notice, .widget-temperture .temper-title-normal, .widget-temperture .temper-badge-notice, .widget-temperture .temper-badge-normal {
  color: #585858;
}
.widget-temperture .temper-list-wrap {
  margin-bottom: 1.25rem;
}
.widget-temperture .temper-list {
  height: 200px;
  text-align: left;
  padding: 0.5rem 2rem 0 2rem;
}
@media (max-width: 680px) {
  .widget-temperture .temper-list {
    height: auto;
  }
}
.widget-temperture .temper-list li {
  line-height: 23px;
}
.widget-temperture .temper-list li::before {
  content: "-";
  padding-right: 0.5rem;
}

.widget-degree {
  height: 490px;
  overflow: hidden;
}
.widget-degree > .container-fluid {
  padding-right: 1rem;
  padding-left: 1rem;
}
.widget-degree .degree-card-wrapper {
  margin-left: -0.5rem;
  margin-right: -0.5rem;
}
.widget-degree .degree-card {
  border-radius: 0.25rem;
  -webkit-backface-visibility: hidden;
  margin-bottom: 0.625rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  border: 1px solid #E3E3E3;
  overflow: hidden;
}
.widget-degree .degree-chart-bg {
  background: #F1F1EA;
  vertical-align: middle;
  position: relative;
}
.widget-degree .centered-line {
  position: absolute;
  top: 0px;
  width: calc(100% - 0.626rem);
  height: 100%;
  display: block;
}
.widget-degree .centered-line::before {
  width: 1px;
  height: 100%;
  display: inline-block;
  border-left: 1px dotted #FAB400;
  content: "";
}
.widget-degree .degree-chart {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.widget-degree .degree-chart span {
  position: relative;
  display: inline-block;
  bottom: -2px;
  overflow: hidden;
}
.widget-degree .degree-chart span.line {
  width: 2px;
  height: 19px;
  background: #7C7C7C;
  z-index: 10;
  transform-origin: left top;
}
.widget-degree .degree-chart span.degree-point {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #9AA5A6;
  text-indent: -10000px;
  z-index: 20;
  opacity: 0.9;
}

.weidget-admin-info {
  position: relative;
  background: #EFF3FE url("../../images/default/contents/w_admin_list_bg1.png") left bottom no-repeat;
}
.weidget-admin-info > .weidget-admin-info__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../../images/default/contents/w_admin_list_bg2.png") left top no-repeat;
}
.weidget-admin-info .admin-info-wrap {
  display: grid;
  grid-template-columns: auto 30% 50%;
  padding: 0 1rem 1rem;
}
.weidget-admin-info .admin-info-wrap .team-manager {
  position: relative;
  grid-column: 2;
}
.weidget-admin-info .admin-info-wrap .team-manager::after {
  position: absolute;
  top: 0;
  right: 1.5rem;
  width: 0;
  height: 100%;
  border-left: 1px solid #C8C8C8;
  content: "";
}
.weidget-admin-info .admin-info-wrap .team-manager .user-item {
  flex-direction: column;
  align-items: flex-start;
  line-height: 2rem;
}
.weidget-admin-info .admin-info-wrap .team-manager .user-item__name, .weidget-admin-info .admin-info-wrap .team-manager .user-item__tel-num {
  padding-left: 0.5rem;
  text-align: left;
}
.weidget-admin-info .admin-info-wrap .team-name {
  display: flex;
  align-items: flex-start;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.weidget-admin-info .admin-info-wrap .team-name > span {
  padding: 5px 1rem 6px 1rem;
  background: #2D3E8D;
  border-radius: 2rem;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.weidget-admin-info .admin-info-wrap .user-list {
  position: relative;
  width: 100%;
}
.weidget-admin-info .admin-info-wrap .user-list li {
  position: relative;
  display: flex;
  width: 100%;
}
.weidget-admin-info .admin-info-wrap .user-list ul {
  width: 100%;
}
.weidget-admin-info .admin-info-wrap .user-item {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  /*outline: dotted 1px blue;*/
}
.weidget-admin-info .admin-info-wrap .user-item__name {
  min-width: 70px;
  font-weight: 500;
  text-align: center;
  letter-spacing: -0.05rem;
  white-space: nowrap;
}
.weidget-admin-info .admin-info-wrap .user-item__tel-num {
  white-space: nowrap;
}
.weidget-admin-info .admin-info-wrap .user-item__actions {
  display: flex;
  align-items: center;
}
.weidget-admin-info .admin-info-wrap .user-item__actions > * {
  margin: 0.5rem;
}
@media (min-width: 1200px) and (max-width: 1300px) {
  .weidget-admin-info {
    background-size: 17%;
  }
  .weidget-admin-info .admin-info-wrap {
    grid-template-columns: auto 30% 63%;
  }
}
@media (min-width: 574px) and (max-width: 768px) {
  .weidget-admin-info {
    background-size: 17%;
  }
  .weidget-admin-info .admin-info-wrap {
    grid-template-columns: auto 33% 60%;
  }
}
@media (min-width: 340px) and (max-width: 575px) {
  .weidget-admin-info {
    background-image: none;
  }
  .weidget-admin-info > .weidget-admin-info__bg {
    background-image: none;
  }
  .weidget-admin-info .admin-info-wrap {
    grid-template-columns: auto;
    grid-template-rows: repeat(1, auto);
    padding: 0 0 1rem;
  }
  .weidget-admin-info .admin-info-wrap .team-manager {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    grid-column: 1;
    width: 100%;
  }
  .weidget-admin-info .admin-info-wrap .team-manager::after {
    display: none;
  }
  .weidget-admin-info .admin-info-wrap .team-manager .user-item {
    flex-direction: row;
    align-items: center;
  }
  .weidget-admin-info .admin-info-wrap .team-manager .user-item__name, .weidget-admin-info .admin-info-wrap .team-manager .user-item__tel-num {
    padding-left: 0;
    text-align: center;
  }
  .weidget-admin-info .admin-info-wrap .user-list {
    padding-left: 22px;
  }
  .weidget-admin-info .admin-info-wrap .user-list li::before, .weidget-admin-info .admin-info-wrap .user-list li::after {
    position: absolute;
    left: -0.625rem;
    content: "";
    border-color: #ccc;
    border-style: solid;
  }
  .weidget-admin-info .admin-info-wrap .user-list li::before {
    top: 1.25rem;
    width: 0.6rem;
    height: 0;
    border-width: 1px 0 0 0;
  }
  .weidget-admin-info .admin-info-wrap .user-list li::after {
    top: 0;
    width: 0;
    height: 150%;
    border-width: 0 0 0 1px;
  }
  .weidget-admin-info .admin-info-wrap .user-list > li:last-child::after {
    height: 0.5rem;
  }
  .weidget-admin-info .admin-info-wrap .user-list ul {
    padding-left: 0;
    width: 100%;
  }
  .weidget-admin-info .admin-info-wrap .user-list ul li::before, .weidget-admin-info .admin-info-wrap .user-list ul li::after {
    border-width: 0;
  }
}

.gas-broadcast-wrapper {
  position: relative;
  overflow-x: scroll;
  padding: 0 0 1rem 0;
  min-height: 532px;
  /* 상태별 컬러 및 아이콘 출력 */
}
.gas-broadcast-wrapper .gas-row {
  flex-wrap: nowrap;
  height: 100%;
}
.gas-broadcast-wrapper .gas-col {
  border-right: 1px dashed #cfd7da;
  min-width: 20rem;
}
.gas-broadcast-wrapper .gas-col:last-child {
  border-right: 0;
}
.gas-broadcast-wrapper .gas-card {
  display: block;
  padding: 0 0.375rem;
  color: #333;
}
.gas-broadcast-wrapper .gas-card:hover {
  text-decoration: none;
}
.gas-broadcast-wrapper .gas-card-tlt-wrap {
  display: flex;
  height: 2.5rem;
  border-bottom: 2px solid #3F85ED;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: center;
}
.gas-broadcast-wrapper .gas-card-tlt-wrap .gas-card-title {
  padding-top: 0.25rem;
  font-size: 1rem;
  font-weight: bold;
}
.gas-broadcast-wrapper .gas-card-tlt-wrap .ico-danger-wrap {
  display: none;
  margin-left: 1rem;
}
.gas-broadcast-wrapper .gas-list {
  padding-top: 1.25rem;
}
.gas-broadcast-wrapper .gas-list .gas-list-item {
  display: flex;
  align-content: center;
  align-items: center;
  padding-bottom: 1.5rem;
}
.gas-broadcast-wrapper .gas-list .gas-name {
  display: block;
  flex-basis: 5rem;
  min-width: 4.375rem;
  margin-right: 0.9375rem;
  font-size: 0.875rem;
  font-weight: bold;
}
.gas-broadcast-wrapper .gas-list .gas-level {
  display: block;
  flex-basis: 4.375rem;
  min-width: 4.2rem;
  margin-right: 0.5rem;
  font-size: 1rem;
  font-weight: bold;
}
.gas-broadcast-wrapper .gas-list .gas-graph-wrap {
  flex: 1 1 8.75rem;
  height: 1rem;
  background: #DDDDDD;
}
.gas-broadcast-wrapper .gas-list .gas-graph-wrap .gas-graph {
  height: 100%;
  width: 0;
}
.gas-broadcast-wrapper .gas-list .gas-img-alarm {
  display: block;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  margin-left: 0.5rem;
}
.gas-broadcast-wrapper .gas-card-danger .ico-danger-wrap {
  display: inline-block;
}
.gas-broadcast-wrapper .gas-card-danger .current-position-box {
  background: #de4635;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-safety .gas-level {
  color: #01B836;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-safety .gas-graph {
  background: #01B836;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-safety .gas-img-alarm {
  background: url("../../images/default/contents/ico_bell_safety.svg") no-repeat;
  background-position: center;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-warning .gas-level {
  color: #FAB400;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-warning .gas-graph {
  background: #FAB400;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-warning .gas-img-alarm {
  background: url("../../images/default/contents/ico_bell_warning.svg") no-repeat;
  background-position: center;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-caution .gas-level {
  color: #FA772E;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-caution .gas-graph {
  background: #FA772E;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-caution .gas-img-alarm {
  background: url("../../images/default/contents/ico_bell_caution.svg") no-repeat;
  background-position: center;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-danger .gas-level {
  color: #C93221;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-danger .gas-graph {
  background: #C93221;
}
.gas-broadcast-wrapper .gas-list-item.gas-list-danger .gas-img-alarm {
  background: url("../../images/default/contents/ico_bell_danger.svg") no-repeat;
  background-position: center;
}
.gas-broadcast-wrapper .current-position-box {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
  min-height: 3.125rem;
  padding: 0.625rem;
  border-radius: 0.25rem;
  background: #6a6a6a;
}
.gas-broadcast-wrapper .current-position-box span {
  display: inline-block;
  font-size: 0.875rem;
  font-weight: bold;
  color: #FFFFFF;
  padding-right: 1rem;
  line-height: 1.5;
  word-break: break-word;
}
.gas-broadcast-wrapper .current-position-box span:last-child {
  padding-right: 0;
}
.gas-broadcast-wrapper .current-position-box .current-position-label {
  white-space: nowrap;
  max-width: auto;
}
@media (max-width: 767px) {
  .gas-broadcast-wrapper .gas-broadcast-wrapper {
    overflow: visible;
  }
  .gas-broadcast-wrapper .gas-row {
    margin: 0;
    flex-wrap: wrap;
  }
  .gas-broadcast-wrapper .gas-col {
    min-width: 0;
    border-right: 0;
    border-bottom: 1px dashed #cfd7da;
    padding: 1.5rem 0;
  }
  .gas-broadcast-wrapper .gas-col:first-child {
    padding-top: 0;
  }
  .gas-broadcast-wrapper .gas-col:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
  .gas-broadcast-wrapper .gas-card {
    padding: 0;
  }
}

.gas-broadcast-modal {
  padding-right: 0;
  padding-left: 0;
}
.gas-broadcast-modal .broadcast-form-wrapper {
  padding-right: 0;
  padding-left: 1.5rem;
}
.gas-broadcast-modal .bd-form-line {
  width: 100%;
  height: 1px;
  background: #DDDDDD;
  margin: 0 auto;
  margin-bottom: 0.5rem;
}
.gas-broadcast-modal .gas-card {
  background: #333;
}
.gas-broadcast-modal .gas-video {
  position: relative;
}
.gas-broadcast-modal .gas-video img, .gas-broadcast-modal .gas-video video {
  width: 100%;
}
.gas-broadcast-modal .gas-video .gas-video-alert {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(201, 50, 33, 0.5);
  background-image: url(../../images/default/contents/ico_video_alert.svg);
  background-position: center 54%;
  background-repeat: no-repeat;
  animation: blink-effect 1s step-end infinite;
}
.gas-broadcast-modal .gas-video-list ul {
  flex-direction: column;
  padding: 0.625rem;
}
.gas-broadcast-modal .gas-video-list ul li {
  margin: 0.625rem;
}
.gas-broadcast-modal .gas-video-list ul li .ico-alarm-wrap {
  text-align: center;
  margin-right: 1.25rem;
  white-space: nowrap;
}
.gas-broadcast-modal .gas-video-list ul li .ico-alarm-wrap strong {
  display: block;
  padding-top: 0.125rem;
}
.gas-broadcast-modal .gas-video-list ul li .alarm-cont {
  width: 90%;
  margin: 0;
  align-items: center;
  color: #fff;
}
.gas-broadcast-modal .btn-broadcast-send {
  width: 100%;
  padding: 0.375rem 0;
  text-align: center;
}
.gas-broadcast-modal .text-broadcast {
  height: 366px;
  resize: none;
}
.gas-broadcast-modal .broadcast-form-wrapper .tts-btn-wrap button {
  margin-bottom: 0.5rem;
}

@media (max-width: 991px) {
  .gas-broadcast-modal .broadcast-form-wrapper {
    padding: 0;
    margin-top: 0.5rem;
  }
  .gas-broadcast-modal .broadcast-form-wrapper .text-broadcast {
    height: 80px;
  }
}
@media (max-width: 575px) {
  .gas-video .gas-video-alert {
    background-size: 30%;
  }
  .sm-margin {
    margin-top: 0.5rem;
    padding: 0 0.75rem !important;
  }
  .sm-margin button {
    width: 100%;
  }
}
@media (max-width: 307px) {
  .gas-broadcast-modal .gas-video .gas-video-alert {
    background-size: 30%;
  }
  .gas-broadcast-modal .broadcast-form-wrapper .tts-btn-wrap button {
    width: 100%;
  }
}
.img-cardlst-wrapper .thumbnail-col {
  padding-bottom: 1.5rem;
}
.img-cardlst-wrapper .img-card-wrapper a {
  display: block;
  width: 100%;
}
.img-cardlst-wrapper .img-thumbnail-wrap {
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 54%;
  z-index: 1;
}
.img-cardlst-wrapper .img-card-wrapper img,
.img-cardlst-wrapper .img-card-wrapper video {
  position: absolute;
  width: 100%;
  height:100%;
  object-fit:cover;
/*  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);*/
  flex: 1 1 auto;
  border: 0 none;
  image-rendering: -webkit-optimize-contrast;
  backface-visibility: hidden;
}
.img-cardlst-wrapper .img-tit {
  max-width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden;
  padding: 0.75rem;
  margin-top: -1px;
  background: #333;
  color: white;
  text-align: center;
  font-size: 0.875rem;
  font-weight: bold;
}

.no-img-wrap .no-img-contents {
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: #F5F5F5;
  text-align: center;
}
.no-img-wrap .no-img-contents .ico-no-img {
  display: inline-block;
  flex: none;
  position: static;
  width: 3.375rem;
  height: auto;
  transform: none;
  padding-top: 0.25rem;
}
.no-img-wrap .no-img-contents .no-img-txt {
  margin-top: 0.75rem;
  color: #bababa;
  font-weight: bold;
  font-size: 0.8125rem;
}

.container-fluid.modal-cctv {
  padding-right: 0;
  padding-left: 0;
}

.modal-cctv .img-thumbnail-wrap {
  min-height: 30.875rem;
  background: #333;
  position: relative;
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-bottom: 55.1%;
  z-index: 1;
}
.modal-cctv .ctrl-allow-wrap {
  position: absolute;
  right: 2.5rem;
  bottom: 2.5rem;
  z-index: 10;
  width: 8.25rem;
  height: 8.25rem;
  border-radius: 10000px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.modal-cctv .ctrl-allow-wrap::after {
  width: 40%;
  height: 40%;
  border-radius: 10000px;
  content: "";
  display: block;
  position: absolute;
  top: 30%;
  left: 30%;
  z-index: 1;
  background: #333333;
  border: 1px solid #585757;
}
.modal-cctv .ctrl-allow-wrap .ctrl-allow-cnts {
  width: 100%;
  height: 100%;
  border-radius: 10000px;
  display: block;
  background: rgba(51, 51, 51, 0.85);
  transform: rotate(45deg);
  transform-origin: center;
  box-sizing: border-box;
}
.modal-cctv .ctrl-allow-wrap .btn-allow {
  width: 50%;
  height: 50%;
  position: relative;
  display: flex;
  float: left;
  justify-content: center;
  align-items: center;
  align-content: center;
  transform-origin: center;
}
.modal-cctv .ctrl-allow-wrap .btn-allow:hover {
  text-decoration: none;
}
.modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-left, .modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-right {
  background: rgba(0, 0, 0, 0.15);
}
.modal-cctv .ctrl-allow-wrap .btn-allow .bi {
  color: #cccccc;
  font-size: 1.25rem;
}
.modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-top .bi {
  transform: rotate(315deg);
  transform-origin: center;
}
.modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-right .bi {
  transform: rotate(45deg);
  transform-origin: center;
}
.modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-bottom .bi {
  transform: rotate(135deg);
  transform-origin: center;
}
.modal-cctv .ctrl-allow-wrap .btn-allow.btn-allow-left .bi {
  transform: rotate(225deg);
  transform-origin: center;
}
.modal-cctv .ctrl-vertical-wrap {
  position: absolute;
  bottom: 2.5rem;
  left: 2.5rem;
  z-index: 10;
  border-radius: 10000px;
  overflow: hidden;
  border: 2px solid rgba(255, 255, 255, 0.1);
}
.modal-cctv .ctrl-vertical-wrap .ctrl-allow-cnts {
  background: rgba(51, 51, 51, 0.85);
}
.modal-cctv .ctrl-vertical-wrap .btn-allow {
  width: 3.75rem;
  height: 3.75rem;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.modal-cctv .ctrl-vertical-wrap .btn-allow-bottom {
  background: rgba(0, 0, 0, 0.15);
}
.modal-cctv .ctrl-vertical-wrap .btn-allow .minus {
  width: 1.125rem;
  height: 0.125rem;
  border-radius: 10px;
  background: #c4c4c4;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
}
.modal-cctv .ctrl-vertical-wrap .btn-allow .plus {
  width: 1.125rem;
  height: 1.125rem;
  display: block;
  position: relative;
}
.modal-cctv .ctrl-vertical-wrap .btn-allow .plus::before {
  position: absolute;
  left: calc(50% - 0.0625rem);
  z-index: 1;
  width: 0.125rem;
  height: 100%;
  border-radius: 100px;
  display: block;
  background: #c4c4c4;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
  content: "";
}
.modal-cctv .ctrl-vertical-wrap .btn-allow .plus::after {
  position: absolute;
  bottom: calc(50% - 0.0625rem);
  width: 100%;
  height: 0.125rem;
  border-radius: 100px;
  display: block;
  background: #c4c4c4;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 rgba(255, 255, 255, 0.2);
  content: "";
}
.modal-cctv .ctrl-allow-wrap .btn-allow:hover,
.modal-cctv .ctrl-vertical-wrap .btn-allow:hover {
  background: #2D3E8D;
}
.tapmenu-content-wrapper {
  margin-top: 0.625rem;
  width: 100%;
}
.tapmenu-content-wrapper .tap-scroller {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 7px;
  height: 92%;
  background-color: transparent;
  font-size: 20px;
  cursor: pointer;
}
.tapmenu-content-wrapper .tap-scroller-right {
  float: right;
}
.tapmenu-content-wrapper .tap-scroller-left {
  float: left;
}
.tapmenu-content-wrapper .tapmenu-wrapper {
  position: relative;
  overflow: hidden;
  height: 40px;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-list {
  position: absolute;
  top: 0;
  left: 0;
  flex-wrap: nowrap;
  margin: 0;
  border: 0 none;
  white-space: nowrap;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-list ul {
  position: relative;
  display: flex;
  flex-direction: row;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-list ul li {
  position: relative;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-link {
  filter: alpha(opacity=90);
  opacity: 0.9;
  border-radius: 0.25rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  margin-right: 0.375rem;
  padding: 0.625rem 1.25rem;
  background: #fff;
  border: 0 none;
  color: #333;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
  text-decoration: none;
  transition: all 0.3s;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-link:hover {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
  background: #2D3E8D;
  border: 0 none;
}
.tapmenu-content-wrapper .tapmenu-wrapper .nav-link.active,
.tapmenu-content-wrapper .tapmenu-wrapper .nav-link .nav-item.show {
  filter: alpha(opacity=100);
  opacity: 1;
  color: #fff;
  background: #2D3E8D;
  border: 0 none;
}

.info-data-wrap {
  margin-left: auto;
  margin-top: -0.25rem;
}
.info-data-wrap::after {
  display: block;
  content: "";
  clear: both;
}
.info-data-wrap .info-data {
  display: flex;
  flex-wrap: wrap;
}
.info-data-wrap .info-data li {
  display: flex;
  align-content: center;
  align-items: center;
  padding-right: 1rem;
}
.info-data-wrap .info-data li:last-child {
  padding-right: 0;
}
.info-data-wrap .info-label {
  display: inline-flex;
  padding: 0 0.75rem;
  font-weight: bold;
  font-size: 0.8125rem;
}
.info-data-wrap .info-value {
  display: inline-flex;
  align-items: center;
  height: 25px;
  padding: 0 0.75rem;
  border-radius: 100px;
  background: #ececec;
  font-weight: bold;
  font-size: 0.8125rem;
  color: #3F85ED;
}
@media (max-width: 1199px) {
  .info-data-wrap .info-data li {
    padding-right: 0.75rem;
  }
  .info-data-wrap .info-label {
    padding: 0 0.5rem;
  }
}
@media (max-width: 900px) {
  .info-data-wrap {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-top: 0.75rem;
  }
  .info-data-wrap .info-data li {
    padding-right: 0.5rem;
  }
  .info-data-wrap .info-label {
    padding: 0 0.35rem;
    flex: 1 1 auto;
  }
}
@media (max-width: 768px) {
  .info-data-wrap .info-data li {
    padding: 0.25rem 0.5rem;
    width: 50%;
  }
  .info-data-wrap .info-data li:last-child {
    padding-right: 0.5rem;
  }
  .info-data-wrap .info-value {
    min-width: 5rem;
    justify-content: center;
  }
}
@media (max-width: 500px) {
  .info-data-wrap .info-data li {
    width: 100%;
  }
}

.info-list-wrapper {
  width: 100%;
}
.info-list-wrapper .info-list-box {
  padding: 0.5rem;
  border-radius: 0.25rem;
  border: 1px solid #ffefc7;
  background: #fff6e1;
}
.info-list-wrapper .info-list-box li {
  display: flex;
  align-content: center;
  align-items: center;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
}
.info-list-wrapper .info-list-label {
  display: inline-flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  flex: 0 1 8.25rem;
  white-space: nowrap;
  font-size: 0.8125rem;
  font-weight: bold;
  color: rgba(51, 51, 51, 0.8);
}
.info-list-wrapper .info-list-label::before {
  content: "";
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background: #c4c4c4;
  margin-right: 0.5rem;
}
.info-list-wrapper .info-list-value {
  display: inline-flex;
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  white-space: nowrap;
  font-weight: bold;
}
.info-list-wrapper .info-state span {
  margin-left: 0.625rem;
  font-size: 0.875rem;
  font-weight: bold;
}
.info-list-wrapper .info-state-safety span {
  color: #01B836;
}
@media (max-width: 767px) {
  .info-list-wrapper .info-list-box li {
    padding-top: 0.313rem;
    padding-bottom: 0.313rem;
  }
  .info-list-wrapper .info-state img {
    width: 1.25rem;
    height: 1.25rem;
  }
  .info-list-wrapper .info-state span {
    margin-left: 0.5rem;
  }
}

.data-box-wrapper {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.data-box-wrapper .data-box-row {
  align-items: stretch;
  align-content: stretch;
}
.data-box-wrapper .data-box-row > .col {
  padding-bottom: 0.625rem;
}
.data-box-wrapper .data-box-item {
  display: flex;
  align-items: flex-start;
  align-content: center;
  min-height: 100%;
  flex-wrap: wrap;
  border-radius: 0.1875rem;
  border: 1px solid #e9edee;
  padding: 0.625rem 0.75rem;
  background: #F2F4F5;
}
.data-box-wrapper .data-box-label {
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  white-space: nowrap;
  color: rgba(51, 51, 51, 0.8);
  font-weight: bold;
}
.data-box-wrapper .data-box-value {
  flex: 1 1 auto;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  margin-right: 0.5rem;
  font-family: "GmarketSansBold";
  font-size: 1.5rem;
  text-align: right;
}
.data-box-wrapper .data-box-value.text-turquoise {
  color: #08aab2;
}
.data-box-wrapper .data-box-value.text-orange {
  color: #fb8747;
}
.data-box-wrapper .data-box-value.text-green {
  color: #01d13d;
}
.data-box-wrapper .data-box-value.text-blue {
  color: #599bfe;
}
@media (max-width: 768px) {
  .data-box-wrapper .data-box-value {
    font-size: 1.25rem;
  }
}

.sch-with-tit-area {
  width: 100%;
  padding-bottom: 0.5rem;
}
.sch-with-tit-area .sch-with-tit {
  border-bottom: 1px solid #DDDDDD;
  margin-left: 0.5rem;
  margin-bottom: 0.5rem;
}
.sch-with-tit-area .term-horizon-wrap {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
}
@media (max-width: 575px) {
  .sch-with-tit-area .term-horizon-wrap {
    flex-wrap: wrap;
  }
  .sch-with-tit-area .term-horizon-wrap .input-group {
    flex-basis: 100%;
  }
}

.box-outter.widget-notice,
.box-outter.widget-work-order {
  margin-bottom: 1rem;
  margin-top: 0.625rem;
}

.notice-list-wrapper,
.work-order-list-wrapper {
  border-top: 1px solid #DDDDDD;
}
.notice-list-wrapper textarea.did-textarea,
.work-order-list-wrapper textarea.did-textarea {
  padding: 1rem 17rem 1rem 2rem;
  height: auto;
  border: 0;
  font-size: 1.25rem;
  line-height: 1.5;
  resize: none;
  outline: 0;
}
.notice-list-wrapper textarea.did-textarea[readonly],
.work-order-list-wrapper textarea.did-textarea[readonly] {
  background: none;
}
.notice-list-wrapper textarea.did-textarea[readonly]:focus,
.work-order-list-wrapper textarea.did-textarea[readonly]:focus {
  box-shadow: none;
}
.notice-list-wrapper textarea.did-textarea:focus,
.work-order-list-wrapper textarea.did-textarea:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
}

.cnt-body.masonry-wrapper {
  padding-top: 0.571rem;
  margin-right: -1.714rem;
  margin-left: -1.714rem;
  display: grid;
  grid-gap: 1px;
  grid-auto-rows: 0;
}
@media (max-width: 575px) and (min-width: 320px) {
  .cnt-body.masonry-wrapper {
    grid-template-columns: repeat(1, minmax(200px, 1fr));
  }
}
@media (max-width: 1023px) and (min-width: 576px) {
  .cnt-body.masonry-wrapper {
    grid-template-columns: repeat(2, minmax(200px, 1fr));
  }
}
@media (min-width: 1022px) and (max-width: 1199px) {
  .cnt-body.masonry-wrapper {
    grid-template-columns: repeat(3, minmax(200px, 1fr));
  }
}
@media (min-width: 1200px) {
  .cnt-body.masonry-wrapper {
    grid-template-columns: repeat(4, minmax(200px, 1fr));
  }
}
.cnt-body.masonry-wrapper .masonry-item, .cnt-body.masonry-wrapper .masonry-content {
  overflow: hidden;
}

.card-photo-wrapper .card-photo-slide .img-wrapper {
  width: 100%;
  height: 216px;
  overflow: hidden;
  position: relative;
  background: rgba(51, 51, 51, 0.35);
}
.card-photo-wrapper .card-photo-slide .img-wrapper > img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.card-photo-wrapper .card-btn-slide {
  display: flex;
  justify-content: center;
  margin: 0 14px;
}
.card-photo-wrapper .card-btn-slide li:hover .btn-item {
  background: #333333;
}
.card-photo-wrapper .card-btn-slide li.slick-active .btn-item {
  background: #333333;
}
.card-photo-wrapper .card-btn-slide .slide-btn {
  margin: 0 0.15rem;
  padding: 15px 8px;
  background: #fff;
  cursor: pointer;
}
.card-photo-wrapper .card-btn-slide .slide-btn .btn-item {
  width: 7px;
  height: 7px;
  border-radius: 0.375rem;
  background: rgba(51, 51, 51, 0.3);
  transition: 0.3s;
}

.safety-active-card {
  border-radius: 0.375rem;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  overflow: hidden;
  margin: 0.857rem;
  background-color: #fff;
}
.safety-active-card:hover {
  filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
}
.safety-active-card .btn-light {
  background-color: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.01);
  color: rgba(51, 51, 51, 0.4);
}
.safety-active-card .btn-light i {
  padding-right: 0;
}
.safety-active-card .btn-light:hover, .safety-active-card .btn-light:not(:disabled):not(.disabled):active,
.safety-active-card .btn-light .btn-light:not(:disabled):not(.disabled).active,
.safety-active-card .btn-light .show > .btn-light.dropdown-toggle {
  color: #333;
  background-color: rgba(255, 255, 255, 0.01);
  border-color: rgba(255, 255, 255, 0.01);
}
.safety-active-card .btn-light.btn-light:not(:disabled):not(.disabled):active:focus,
.safety-active-card .btn-light .btn-light:not(:disabled):not(.disabled).active:focus,
.safety-active-card .btn-light .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0 rgba(216, 217, 219, 0);
}
.safety-active-card .dropdown-menu {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  padding: 0;
  min-width: 90px;
}
.safety-active-card .dropdown-menu .dropdown-item {
  padding: 0.7rem 1.5rem;
}
.safety-active-card > .safety-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5px 0 15px;
  height: 50px;
}
.safety-active-card > .safety-card-header .card-writer {
  display: flex;
  align-items: center;
}
.safety-active-card > .safety-card-header .card-writer .card-writer-name,
.safety-active-card > .safety-card-header .card-writer .card-writer-tit {
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
}
.safety-active-card > .safety-card-header .card-writer .card-writer-date {
  padding-left: 12px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
}
.safety-active-card > .safety-card-header .card-info {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.safety-active-card > .safety-card-header .card-info .badge-new {
  color: #fff;
}
.safety-active-card > .card-body {
  padding: 0;
}
.safety-active-card > .card-body .card-message-contents,
.safety-active-card > .card-body .card-comment-lst .card-comment-row {
  padding: 0 15px;
}
.safety-active-card > .card-body .card-message-contents,
.safety-active-card > .card-body .comment-contents {
  font-size: 0.875rem;
  line-height: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.safety-active-card > .card-body .card-comment-lst ul {
  font-size: 0.875rem;
  padding-top: 10px;
}
.safety-active-card > .card-body .card-comment-lst li.card-comment-row {
  padding: 3px 15px 9px;
}
.safety-active-card > .card-body .card-comment-lst li.card-comment-row .comment-user {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-right: -10px;
  height: 30px;
}
.safety-active-card > .card-body .card-comment-lst li.card-comment-row .comment-user .user-name {
  font-weight: 700;
}
.safety-active-card > .card-body .card-comment-lst li.card-comment-row .comment-user .user-date {
  padding-left: 12px;
  color: rgba(51, 51, 51, 0.7);
  font-size: 12px;
  font-weight: 400;
}
.safety-active-card > .card-body .card-comment-lst li.card-comment-row .comment-contents {
  -webkit-line-clamp: 1;
}
.safety-active-card > .card-footer {
  padding: 15px;
  background-color: #fff;
  border-top: 0 none;
}
.safety-active-card > .card-footer fieldset {
  display: flex;
}
.safety-active-card > .card-footer fieldset .btn-primary {
  margin-left: 10px;
  min-width: 70px;
  line-height: 50px;
}
.safety-active-card textarea {
  resize: none;
}
.modal-content .safety-active-card.view-wrapper {
  margin: 0;
}
.modal-content .safety-active-card.view-wrapper > .card-body .card-message-contents {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  text-overflow: inherit;
  overflow: inherit;
  -webkit-line-clamp: inherit;
}
.modal-content .safety-active-card.view-wrapper > .card-body .card-comment-lst li.card-comment-row {
  border-top: 1px solid #DDDDDD;
}
.modal-content .safety-active-card.view-wrapper > .card-body .card-comment-lst li.card-comment-row .comment-contents {
  text-overflow: inherit;
  overflow: inherit;
  -webkit-line-clamp: inherit;
}
.modal-content .safety-active-card.view-wrapper > .card-body .card-comment-lst li.card-comment-row.modify .comment-contents {
  width: 93%;
  height: 80px;
}
.modal-content .safety-active-card.view-wrapper > .card-footer {
  background-color: #CED4DA;
}
.modal-content .safety-active-card.add-wrapper {
  margin: 0;
}
.modal-content .safety-active-card.add-wrapper > .card-body {
  padding: 0 15px;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper {
  margin: 15px 0 0;
  padding: 15px 0;
  border-top: 1px solid #DDDDDD;
  border-bottom: 1px solid #DDDDDD;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-tit {
  padding-bottom: 10px;
  color: rgba(51, 51, 51, 0.6);
  font-size: 12px;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list {
  display: inline-flex;
  min-width: 100%;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list .custom-file-upload {
  width: 70px;
  height: 70px;
  cursor: pointer;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list .custom-file-upload .text-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list .img-wrapper {
  width: 78px;
  height: 70px;
  overflow: hidden;
  position: relative;
  margin: 0 5px;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list .img-wrapper img {
  width: 100%;
  height: 100%;
}
.modal-content .safety-active-card.add-wrapper > .card-body .files-add-wrapper .files-add-list .img-wrapper a {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0.313rem;
  background: white;
  border: 1px solid #DDDDDD;
}
.modal-content .safety-active-card.add-wrapper > .card-footer {
  background-color: #fff;
}

.works-area-side {
  padding-right: 0;
}
@media (min-width: 992px) {
  .works-area-side {
    padding-right: 1.5rem;
  }
}
.works-area-side > .container-fluid {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #ddd;
}
.works-area-side > .container-fluid > .row {
  margin-right: -3px;
  margin-left: -3px;
}
.works-area-side > .container-fluid > .row [class^=col], .works-area-side > .container-fluid > .row [class^=col-] {
  padding-right: 3px;
  padding-left: 3px;
}
.works-area-side .works-area-fieldset .form-label {
  overflow: hidden;
  line-height: 3;
  min-height: 1rem;
  padding-left: 0.5rem !important;
  padding-right: 0.625rem !important;
  font-weight: 700;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .works-area-side .works-area-fieldset .form-label {
    padding-left: 3px !important;
    text-align: left !important;
    line-height: 2;
  }
}
.works-area-side .works-area-fieldset .input-group {
  padding-top: 4px;
  padding-bottom: 4px;
}
.works-area-side .works-area-fieldset .input-group .tail {
  line-height: 2;
  padding-left: 0.5rem;
  padding-right: 0.625rem;
}

.daily-work-wrapper .form-control-outter {
  margin: 0 0 -20px -20px;
  width: calc(100% + 40px);
}
.daily-work-wrapper .form-control-outter > .form-control {
  border-radius: 0 0 0.25rem 0.25rem;
  padding: 0.825rem 1rem;
  border-left: 0 none;
  border-right: 0 none;
  border-bottom: 0 none;
  min-height: 180px;
  resize: none;
}
.daily-work-wrapper .form-control-outter > .form-control:disabled, .daily-work-wrapper .form-control-outter > .form-control[readonly] {
  background-color: #ffffff;
  opacity: 0.7;
}
.daily-work-wrapper .form-control-outter > .form-control:focus {
  box-shadow: 0 0 0 0 rgba(0, 123, 255, 0.25);
}
.daily-work-wrapper .box-outter.mt-2.mt-xl-4 {
  margin-top: 1.25rem !important;
}
.daily-work-wrapper .bor-r {
  border-right: 1px solid #dee2e6;
}
@media (max-width: 1199.98px) {
  .daily-work-wrapper .bor-r {
    border-right: 0 none;
  }
}
.daily-work-wrapper .container-pr3 {
  padding-right: 1rem;
}
@media (max-width: 1199.98px) {
  .daily-work-wrapper .container-pr3 {
    padding-right: 0;
  }
}
.daily-work-wrapper .container-pl3 {
  padding-left: 1rem;
}
@media (max-width: 1199.98px) {
  .daily-work-wrapper .container-pl3 {
    padding-top: 1rem;
    padding-left: 0;
  }
}

@media (min-width: 1140px) {
  .modal-lg, .modal-xl {
    max-width: 1100px;
  }

  .modal-resize {
    max-width: 98%;
  }

  .modal-resize .modal-content {
    resize: both;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
  }
}
 
@media (min-width: 480px) and (max-width: 1139px) {
  .modal-lg, .modal-xl {
    max-width: 100%;
    margin: 0.5rem;
  }
}
.modal-header {
  border-radius: 0;
  background: #2D3E8D;
  border-bottom: 0;
  color: #fff;
  font-size: calc(0.875rem * 1.1429);
  font-weight: 700;
}
.modal-header .close {
  color: #cccccc;
  font-size: larger;
  text-shadow: none;
}

.modal-footer {
  border-radius: 0;
  padding: 0.5rem 0.75rem;
  background-color: #fff;
}
.modal-footer [class^=container-] {
  padding-right: 0;
  padding-left: 0;
}
.modal-footer .btn {
  margin: 0 0.15rem;
}

.modal-content {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  background-color: transparent;
}
.modal-content .modal-body {
  background-color: #fff;
}
.modal-content .form-group-radio [class^=col-] {
  display: flex;
  align-items: center;
  line-height: 1.25rem;
}
.modal-content .form-group {
  margin-bottom: 0.5rem;
}
.modal-content .table {
  margin-bottom: 0.5rem;
}

.field-worker-detail .worker-pic-box, .field-worker-detail .md3-label {
  max-width: 128px;
  min-width: 128px;
  padding-right: 0;
  margin-right: 0.1rem;
}

.field-worker-detail .md3-col9 {
  max-width: calc(100% - 130px);
  min-width: calc(100% - 130px);
}
.field-worker-detail .md3-wk-col9 {
  max-width: calc(100% - 96px);
  min-width: calc(100% - 96px);
}
.field-worker-detail .md3-form-row {
  width: calc(100% + 10px);
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.field-worker-detail .worker-pic-box {
  padding: 0;
}
.field-worker-detail .col {
  flex: inherit;
}
.field-worker-detail .worker-pic {
  max-width: 116px;
  min-width: 116px;
  height: 164px;
  overflow: hidden;
  border-radius: 0.25rem;
  padding: 0;
}
.field-worker-detail .worker-pic img {
  width: 100%;
}
.field-worker-detail .gender-wrap .custom-control-label::before, .field-worker-detail .gender-wrap .custom-control-label::after {
  top: 0;
}
.field-worker-detail .bloodtype-box {
  height: calc(1.5em + 0.75rem + 2px);
  align-items: center;
}
.field-worker-detail .bt-width {
  width: 3rem;
}
.field-worker-detail .pc {
  top: 0.4rem;
}
.field-worker-detail .custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #0D6EFD;
  background-color: #0D6EFD;
}

.modal-btn-wrap .btn i {
  font-size: 1rem;
  line-height: 1.6rem;
}

.popup-wrap {
  width: 100%;
  height: 100vh;
}
.popup-wrap .modal-dialog {
  margin: 0;
}
.popup-wrap .modal-dialog-centered {
  align-items: start;
  min-height: inherit;
}
.popup-wrap .modal-content {
  box-shadow: none;
  border: none;
  border-radius: 0;
}
.popup-wrap .modal-lg, .popup-wrap .modal-xl {
  max-width: 100%;
}
.popup-wrap .btn-popup-close {
  padding: 1rem;
}
.popup-wrap .btn-popup-close .btn-secondary {
  display: block;
  width: 100%;
  font-weight: 700;
}

strong {
  font-weight: 700;
}

.text-fa-gm-light {
  font-family: GmarketSansLight;
}

.text-fa-gm-medium {
  font-family: GmarketSansMedium;
}

.text-fa-gm-bold {
  font-family: GmarketSansBold;
}

.text-safety-danger {
  color: #C93221 !important;
}

.text-safety-caution {
  color: #FA772E !important;
}

.text-safety-warning {
  color: #FAB400 !important;
}

.text-safety-success {
  color: #01B836 !important;
}

.text-safety-info {
  color: #0D6EFD !important;
}

.text-safety-highlight {
  color: #2D3E8D !important;
}

.text-safety-stop {
  color: #737373 !important;
}

.text-safety-safety {
  color: #0D6EFD !important;
}

.bg-safety-danger {
  background-color: #C93221;
}

.bg-safety-caution {
  background-color: #FA772E;
}

.bg-safety-warning {
  background-color: #FAB400;
}

.bg-safety-success {
  background-color: #01B836;
}

.bg-safety-info {
  background-color: #0D6EFD;
}

.bg-safety-highlight {
  background-color: #2D3E8D;
}

.bg-safety-stop {
  background-color: #737373;
}

.bg-safety-safety {
  background-color: #0D6EFD;
}

.img-ico-emoji-laughing {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/emoji/ico_emoji_laughing.svg");
  background-position: center center;
}

.dashboard .img-ico-emoji-laughing {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_emoji_laughing.svg");
  background-position: center center;
}

.img-ico-emoji-neutral {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/emoji/ico_emoji_neutral.svg");
  background-position: center center;
}

.dashboard .img-ico-emoji-neutral {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_emoji_neutral.svg");
  background-position: center center;
}

.img-ico-emoji-frown {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/emoji/ico_emoji_frown.svg");
  background-position: center center;
}

.dashboard .img-ico-emoji-frown {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_emoji_frown.svg");
  background-position: center center;
}

.img-ico-emoji-dizzy {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/emoji/ico_emoji_dizzy.svg");
  background-position: center center;
}

.dashboard .img-ico-emoji-dizzy {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_emoji_dizzy.svg");
  background-position: center center;
}

.img-ico-emoji-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/emoji/ico_emoji_stop.svg");
  background-position: center center;
}

.dashboard .img-ico-emoji-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_emoji_stop.svg");
  background-position: center center;
}

.img-ico-flat-mic {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_mic.svg");
  background-position: center center;
}

.img-ico-flat-call {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_call.svg");
  background-position: center center;
}

.img-ico-flat-speaker {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_speaker.svg");
  background-position: center center;
}

.img-ico-flat-video {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_video.svg");
  background-position: center center;
}

.img-ico-flat-cctv {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_cctv.svg");
  background-position: center center;
}

.img-ico-flat-move {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_move.svg");
  background-position: center center;
}

.img-ico-flat-ptz {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_flat_ptz.svg");
  background-position: center center;
}

.img-ico-alarm-safety {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_safety.svg");
  background-position: center center;
}

.img-ico-alarm-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_good.svg");
  background-position: center center;
}

.img-ico-alarm-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_warning.svg");
  background-position: center center;
}

.img-ico-alarm-caution {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_caution.svg");
  background-position: center center;
}

.img-ico-alarm-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_danger.svg");
  background-position: center center;
}

.img-ico-alarm-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_bell_stop.svg");
  background-position: center center;
}

.img-ico-safety-info {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_safety_info.svg");
  background-position: center center;
}

.img-ico-safety-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_safety_warning.svg");
  background-position: center center;
}

.img-ico-safety-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_safety_danger.svg");
  background-position: center center;
}

.img-ico-phone-tel {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../../images/default/contents/ico_phone_tel.svg");
  background-position: center center;
}

.img-ico-phone-sms {
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("../../images/default/contents/ico_phone_sms.svg");
  background-position: center center;
}

.img-ico-noise-safety {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_noise_safety.svg");
  background-position: center center;
}

.img-ico-noise-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_noise_good.svg");
  background-position: center center;
}

.img-ico-noise-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_noise_warning.svg");
  background-position: center center;
}

.img-ico-noise-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_noise_danger.svg");
  background-position: center center;
}

.img-ico-noise-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_noise_stop.svg");
  background-position: center center;
}

.img-ico-gas-safety {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/dashboard/contents/ico_gas_safety.svg");
  background-position: center center;
}

.img-ico-gas-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/dashboard/contents/ico_gas_good.svg");
  background-position: center center;
}

.img-ico-gas-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/dashboard/contents/ico_gas_warning.svg");
  background-position: center center;
}

.img-ico-gas-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/dashboard/contents/ico_gas_danger.svg");
  background-position: center center;
}

.img-ico-gas-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/dashboard/contents/ico_gas_stop.svg");
  background-position: center center;
}

.img-ico-degree-safety {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_degree_safety.svg");
  background-position: center center;
}

.img-ico-degree-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_degree_good.svg");
  background-position: center center;
}

.img-ico-degree-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_degree_warning.svg");
  background-position: center center;
}

.img-ico-degree-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_degree_danger.svg");
  background-position: center center;
}

.img-ico-degree-stop {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_degree_stop.svg");
  background-position: center center;
}

.img-ico-humidity {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_humidity.svg");
  background-position: center center;
}

.img-ico-wind {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wind_arr.svg");
}

.img-ico-wind.arr-e {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(90deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-w {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(270deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-s {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(180deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-n {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(0deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-se {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(136deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-sw {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(227deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-ne {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(45deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-wind.arr-nw {
  width: 1.25rem;
  height: 1.25rem;
  transform: rotate(316deg);
  image-rendering: -webkit-optimize-contrast;
}

.img-ico-seawave-h {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_sea_wave_h.svg");
  background-position: center center;
}

.img-ico-seawave-m {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_sea_wave_m.svg");
  background-position: center center;
}

.img-ico-seawave-l {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_sea_wave_l.svg");
  background-position: center center;
}

/* **********날씨********** */
.img-ico-wt-sunny {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_sunny.svg");
}

.img-ico-wt-rain {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_rain.svg");
}

.img-ico-wt-rainshower {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_rain_shower.svg");
}

.img-ico-wt-rainsnow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_rainsnow.svg");
}

.img-ico-wt-snow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_snow.svg");
}

.img-ico-wt-lightning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_lightning.svg");
}

.img-ico-wt-lightning-m {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_lightning_middle.svg");
}

.img-ico-wt-lightning-h {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_lightning_heavy.svg");
}

.img-ico-wt-mostly-sunny {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny.svg");
}

.img-ico-wt-mostly-sunny-rain {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_rain.svg");
}

.img-ico-wt-mostly-sunny-rainshower {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_rain_shower.svg");
}

.img-ico-wt-mostly-sunny-rainsnow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_rainsnow.svg");
}

.img-ico-wt-mostly-sunny-snow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_snow.svg");
}

.img-ico-wt-mostly-sunny-lightning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_lightning.svg");
}

.img-ico-wt-mostly-sunny-lightning-m {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_lightning_middle.svg");
}

.img-ico-wt-mostly-sunny-lightning-h {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_mostly_sunny_lightning_heavy.svg");
}

.img-ico-wt-partly-cloudy {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy.svg");
}

.img-ico-wt-partly-cloudy-rain {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_rain.svg");
}

.img-ico-wt-partly-cloudy-rainshower {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_rain_shower.svg");
}

.img-ico-wt-partly-cloudy-rainsnow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_rainsnow.svg");
}

.img-ico-wt-partly-cloudy-snow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_snow.svg");
}

.img-ico-wt-partly-cloudy-lightning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_lightning.svg");
}

.img-ico-wt-partly-cloudy-lightning-m {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_lightning_middle.svg");
}

.img-ico-wt-partly-cloudy-lightning-h {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_partly_cloudy_lightning_heavy.svg");
}

.img-ico-wt-cloudy {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy.svg");
}

.img-ico-wt-cloudy-rain {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_rain.svg");
}

.img-ico-wt-cloudy-rainshower {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_rain_shower.svg");
}

.img-ico-wt-cloudy-rainsnow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_rainsnow.svg");
}

.img-ico-wt-cloudy-snow {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_snow.svg");
}

.img-ico-wt-cloudy-lightning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_lightning.svg");
}

.img-ico-wt-cloudy-lightning-m {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_lightning_middle.svg");
}

.img-ico-wt-cloudy-lightning-h {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/weather/ico_wt_cloudy_lightning_heavy.svg");
}

.img-pin-lock-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_lock_good.svg");
  background-position: center center;
}

.img-pin-lock-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_lock_warning.svg");
  background-position: center center;
}

.img-pin-lock-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_lock_danger.svg");
  background-position: center center;
}

.img-pin-ptz-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_ptz_good.svg");
  background-position: center center;
}

.img-pin-ptz-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_ptz_warning.svg");
  background-position: center center;
}

.img-pin-ptz-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_ptz_danger.svg");
  background-position: center center;
}

.img-pin-move-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_move_good.svg");
  background-position: center center;
}

.img-pin-move-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_move_warning.svg");
  background-position: center center;
}

.img-pin-move-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_move_danger.svg");
  background-position: center center;
}

.img-pin-cctv-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_good.svg");
  background-position: center center;
}

.img-pin-cctv-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_warning.svg");
  background-position: center center;
}

.img-pin-cctv-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_danger.svg");
  background-position: center center;
}

.img-pin-cctv-other-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_other_good.svg");
  background-position: center center;
}

.img-pin-cctv-other-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_other_warning.svg");
  background-position: center center;
}

.img-pin-cctv-other-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_cctv_other_danger.svg");
  background-position: center center;
}

.img-pin-face-good {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_face_good.svg");
  background-position: center center;
}

.img-pin-face-warning {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_face_warning.svg");
  background-position: center center;
}

.img-pin-face-danger {
  width: 1.25rem;
  height: 1.25rem;
  background-image: url("../../images/default/contents/ico_map_face_danger.svg");
  background-position: center center;
}

[class^=img-ico-] {
  display: inline-block;
  background-size: cover;
  vertical-align: middle;
}

.img-ico-12 {
  width: 0.75rem !important;
  height: 0.75rem !important;
}

.img-ico-16 {
  width: 1rem !important;
  height: 1rem !important;
}

.img-ico-22 {
  width: 1.375rem !important;
  height: 1.375rem !important;
}

.img-ico-24 {
  width: 1.5rem !important;
  height: 1.5rem !important;
}

.img-ico-30 {
  width: 2.143rem !important;
  height: 2.143rem !important;
}

.img-ico-32 {
  width: 2rem !important;
  height: 2rem !important;
}

.img-ico-38 {
  width: 2.375rem !important;
  height: 2.375rem !important;
}

.img-ico-36 {
  width: 2.571rem !important;
  height: 2.571rem !important;
}

.img-ico-44 {
  width: 1.571rem !important;
  height: 1.571rem !important;
}

.img-ico-52 {
  width: 3.571rem !important;
  height: 3.571rem !important;
}

.fs-xs {
  font-size: 12px;
}

.fs-sm {
  font-size: calc(0.875rem * 0.9286);
}

.fs-md {
  font-size: calc(0.875rem * 1.0715);
}

.fs-lg {
  font-size: calc(0.875rem * 1.1429);
}

.fs-xl {
  font-size: calc(0.875rem * 1.2858);
}

.fs-xxl {
  font-size: calc(0.875rem * 1.4288);
}

.dx-widget,
.dx-widget input,
.dx-widget textarea,
.dx-menu-base,
.form-control,
.form-control-plaintext {
  font-size: 0.875rem;
  font-family: "Noto Sans KR", sans-serif;
}

.dx-datagrid-pager {
  border-top: 1px double #ddd;
  font-size: 13px;
}
.dx-datagrid-pager.dx-pager .dx-pages .dx-next-button, .dx-datagrid-pager.dx-pager .dx-pages .dx-prev-button {
  font: 14px/1 DXIcons;
  color: #555;
}
.dx-datagrid-pager.dx-pager .dx-pages .dx-next-button::before, .dx-datagrid-pager.dx-pager .dx-pages .dx-prev-button::before {
  top: 60%;
}

/* ------ 조석예보 위젯 */
.widget-tide .widget-tit-custom { flex-wrap: wrap; gap: 8px; justify-content: space-between; }
.widget-tide .tideForecastTitle { display: flex; align-items: center; }
.widget-tide .tideForecastTitle h3 { color: #333; font-family: "GmarketSansBold"; font-size: calc(0.875rem * 1.1429); }
.widget-tide .obsrvBox { margin-left: 0.625rem; display: flex; align-items: center; height: 26px; padding-right: 0.625rem; padding-left: .375rem; border-radius: 29px; border: solid 1px #e4e4e4; margin-top: -3px; }
.widget-tide .obsrvBox span { font-family: 'GmarketSans'; font-size: 0.813rem; font-weight: 500; color: #82878D; padding-left: 3px; margin-top: 2px; }
.widget-tide .desc-wrapper ul { margin-bottom: 0 !important; }

/* 조석예보 위젯 > 탭 메뉴 */
.widget-tide .tabMenuGroup ul li .nav-link { width: 5.5rem; height: 2rem; border-radius: 3px; border: solid 1px #e2e8f0; background-color: #fff; padding: 0 !important; font-family: 'NotoSansKR'; font-size: 0.8125rem; font-weight: bold; color: #4a4c4f; }
.widget-tide .tabMenuGroup ul li .active { border: solid 1px #93c5fd !important; background-color: #dbeafe !important; font-family: 'NotoSansKR'; font-size: 0.8125rem; font-weight: bold !important; color: #2e7cf0 !important; }
.widget-tide .tabMenuGroup ul li .mgL5 { margin-left: 5px; }

/* 조석예보 위젯 > 콘텐츠 */
.widget-tide .tideHourGrp { display: flex; flex-wrap: wrap; justify-content: space-between; }
.widget-tide .tideHourGrp .tideEmpty { height: 4.375rem; color: #777777; }
.widget-tide .tideHourGrp .tideHourBox { width: 25%; min-width: 160px; height: 4.375rem; display: flex; justify-content: center; align-items: center; }
.widget-tide .tideHourGrp .tideHourBox .lowHighCircle { width: 2.25rem; height: 2.25rem; border-radius: 3rem; font-family: NotoSansKR; font-size: 0.875rem; font-weight: bold; color: #fff; display: flex; align-items: center; justify-content: center; }
.widget-tide .tideHourGrp .tideHourBox .lowPoint { background-color: #3f85ed;  }
.widget-tide .tideHourGrp .tideHourBox .highPoint { background-color: #ff3c5f; }
.widget-tide .tideHourGrp .tideHourBox .noTidePoint { background-color: #C0C0C0; }
.widget-tide .tideHourGrp .tideHourBox .tideHourInfo { width: 70px; margin-left: 12px; }
.widget-tide .tideHourGrp .tideHourBox .tideHourInfo .tideHourInfo_time { font-family: 'NotoSansKR'; font-size: 1rem; font-weight: normal; color: #212529; }
.widget-tide .tideHourGrp .tideHourBox .tideHourInfo .tideHourInfo_value { margin-top: 3px; font-family: 'GmarketSans'; font-size: 1rem; font-weight: bold; text-align: left; }
.widget-tide .tideHourGrp .tideHourBox .tideHourInfo .lowValue { color: #3f85ed; }
.widget-tide .tideHourGrp .tideHourBox .tideHourInfo .highValue { color: #ff3c5f; }
.widget-tide .weather-num-cst {color: rgba(51, 51, 51, 0.95) ; font-size: calc(0.875rem * 0.9286); font-weight: 400; }

/* ID Card Widget CSS */
.widget-idcard {
  position: relative;
  min-height: 150px;
}

.widget-idcard .widget-tit-wrapper > h3 {
  margin-right: 1rem;
}

.widget-idcard .title {
  position: absolute;
   z-index: 10;
}

.widget-idcard .cont {
  display: flex;
}

.widget-idcard .idcard {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  padding: 3.25rem 0 0 0.5rem;
}

.widget-idcard .idcard__alert {
  display: flex;
  align-items: center;
  margin-top: -0.5rem;
  color: #2859BC;
  font-size: calc(0.875rem * 0.9286);
  font-weight: 500; 
  cursor: pointer; 
  /* 애니메이션 속성 제거 */
  /* animation: blink 1.3s step-end infinite; */
}

.widget-idcard .idcard__alert::before {
  width: 1.625rem;
  height: 1.625rem;
  content: '';
  display: block;
  margin-right: 0.25rem; 
  background: url('../../images/default/contents/img-ico-idcard-alert.svg') center center/cover no-repeat;
}

.widget-tit-wrapper .idcard__alert a {
    cursor: pointer !important;  /* 마우스 커서를 링크 아이콘으로 변경 */
    color: inherit !important;   /* 부모 요소의 색상을 상속 */
    text-decoration: none !important;  /* 기본 밑줄 제거 */
}

.widget-tit-wrapper .idcard__alert a:hover {
    text-decoration: underline !important;  /* 마우스를 올렸을 때 밑줄 추가 */
}

.widget-tit-wrapper .idcard__alert a {
    cursor: pointer;  /* 마우스 커서를 링크 아이콘으로 변경 */
    color: #2859BC;   /* 링크 색상 */
    text-decoration: none;  /* 기본 밑줄 제거 */
}

.widget-tit-wrapper .idcard__alert a:hover {
    text-decoration: underline;  /* 마우스를 올렸을 때 밑줄 추가 */
}



@keyframes blink {
  50% {
    opacity: 0;
  }
}

.widget-idcard .idcard__pic {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
}

.widget-idcard .idcard__pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.widget-idcard .idcard__profile {
  font-weight: 700;
}

.widget-idcard .idcard__profile .company {
  font-size: calc(0.875rem * 1.0715);
  opacity: 0.7;
}

/* 기본 스타일 */
.widget-idcard .idcard__profile .company span:last-child::before {
  width: 0.125rem;
  height: 0.75rem;
  content: '';
  display: inline-block;
  margin: 0 0.375rem;
  background: rgba(51, 51, 51, 0.7);
}

/* ptnrPositon이 비어 있을 때 ::before 가상 요소 숨기기 */
.widget-idcard .idcard__profile .company span:empty::before {
  display: none;
}


.widget-idcard .idcard__profile .name {
  margin-top: 0.875rem;
  font-size: calc(0.875rem * 1.4288);
}

.widget-idcard .idcard__profile .name::after {
  content: '님, 반갑습니다.';
}

.widget-idcard .slogan {
  min-width: 47%;
  height: calc(150px - 1.75rem);
  margin: 0.875rem;
  border-radius: 0.375rem;
  background-color: #F2F4F5;
  text-align: center;
  overflow: hidden;
}

.widget-idcard .slogan__days {
  padding: 0.625rem;
  background-color: #D1E4FE;
  color: #3874F2;
  font-family: "GmarketSansBold";
  font-size: calc(0.875rem * 1.1429);
  line-height: calc(0.875rem * 1.0715);
}

.widget-idcard .slogan__days::before,
.widget-idcard .slogan__days::after {
  color: #24458A;
  font-family: "Noto Sans KR", sans-serif;
  font-size: calc(0.875rem * 1.0715);
  font-weight: 700;
}

.widget-idcard .slogan__days::before {
  content: '함께한지';
  padding-right: 0.25rem;
}

.widget-idcard .slogan__days::after {
  content: '일 차';
  padding-left: 0.25rem;
}

.widget-idcard .slogan__txt {
  position: relative;
  height: calc(100% - 2.125rem);
}

.widget-idcard .slogan__txt span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -53%);
  width: 100%;
  padding: 0.5rem;
  font-family: "GmarketSansBold";
  font-size: calc(0.875rem * 1.4288);
  line-height: calc(calc(0.875rem * 0.9286) * 1.875);
}

@media (max-width: 1520px) {
  .widget-idcard .slogan {
    min-width: 40%;
  }
  .widget-idcard .slogan__txt span {
    font-size: calc(0.875rem * 1.2858);
  }
}

@media (max-width: 768px) {
  .widget-idcard .idcard {
    column-gap: 1rem;
  }
  .widget-idcard .idcard__alert {
    position: absolute;
    top: 1.25rem;
    right: 1rem;
  }
  .widget-idcard .idcard__pic {
    width: 4rem;
    height: 4rem;
    min-width: 4rem;
  }
  .widget-idcard .idcard__profile .company {
    font-size: 0.875rem;
  }
  .widget-idcard .idcard__profile .name {
    margin-top: 0.5rem;
    font-size: calc(0.875rem * 1.2858);
  }
  .widget-idcard .title {
    width: 100%;
  }
  .widget-idcard .slogan {
    width: 100%;
    height: auto;
    position: unset;
    min-width: unset;
  }
  .widget-idcard .slogan__days {
    padding: 0.5rem;
  }
  .widget-idcard .slogan__txt {
    height: auto;
    padding: 0.75rem;
  }
  .widget-idcard .slogan__txt span {
    position: unset;
    padding: 0;
  }
}

/*Access Status Widget CSS*/
.widget-access-dl {
  min-height: 150px;
}

.widget-access-dl .item {
  display: flex;
  align-items: center;
  height: 5.25rem;
  border-radius: 0.25rem;
}

.widget-access-dl .num {
  font-family: "GmarketSansBold";
}

.widget-access-dl .line {
  width: 0.0625rem;
  height: 3rem;
  border: 0.0625rem dashed #f9f9f9;
}

.widget-access-dl .realtime {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.375rem 0.5rem;
  width: 100%;
}

.widget-access-dl .realtime__title {
  font-size: calc(0.875rem * 1.0715);
  font-weight: 500;
}

.widget-access-dl .realtime__title::after {
  width: 2rem;
  height: 2rem;
  content: '';
  display: block;
  margin: 0.5rem auto 0;
  background: url('../../images/default/contents/ico_access_dl.svg') center center/cover no-repeat;
}

.widget-access-dl .realtime__num {
  padding: 0.25rem 0.25rem 0 0;
  font-size: 2rem;
}

.widget-access-dl .commute {
  min-width: 28%;
}

.widget-access-dl .commute__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 0.375rem;
  font-weight: 700;
}

.widget-access-dl .commute__item:last-child {
  margin-top: 0.75rem;
}

.widget-access-dl .commute__num {
  font-size: calc(0.875rem * 1.4288);
}

.widget-access-dl .commute__num.in {
  color: #40D66D;
}

.widget-access-dl .commute__num.out {
  color: #FFD749;
}

.widget-access-dl .access-dl__now {
  justify-content: space-between;
  column-gap: 1.25rem;
  padding: 0.875rem 1rem;
  background: #3B4566;
  color: #F9F9F9;
}

.widget-access-dl .access-dl__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.5rem;
  flex-wrap: nowrap;
  margin: 0 0 0 -0.5rem;
  color: #121216;
}

.widget-access-dl .access-dl__box {
  flex-direction: column;
  justify-content: center;
  row-gap: 1rem;
  text-align: center;
  font-size: 0.875rem;
  font-weight: 700;
}

.widget-access-dl .access-dl__box .num {
  font-size: 1.375rem;
}

.widget-access-dl .access-dl__box.no-1 {
  background: #E0E7F5;
}

.widget-access-dl .access-dl__box.no-2 {
  background: #C4EDE5;
}

.widget-access-dl .access-dl__box.no-3 {
  background: #FFB067;
}

.widget-access-dl .access-dl__box.no-4 {
  background: #AABDFF;
}

@media (max-width: 1520px) {
  .widget-access-dl .access-dl {
    min-height: fit-content;
  }
  .widget-access-dl .access-dl__wrapper {
    padding-bottom: 0.875rem;
  }
  .widget-access-dl .access-dl__now {
    height: 100%;
  }
  .widget-access-dl .access-dl__list {
    grid-template-columns: repeat(2, 1fr);
  }
  .widget-access-dl .access-dl__list-wrap {
    flex-grow: 0.7;
  }
  .widget-access-dl .access-dl__box {
    align-items: flex-start;
    row-gap: 0.5rem;
    height: 3.875rem;
    padding: 0.75rem;
    text-align: left;
  }
  .widget-access-dl .access-dl__box .num {
    width: 100%;
    text-align: right;
  }
}

@media (max-width: 768px) {
  .widget-access-dl .realtime__title {
    font-size: 0.875rem;
  }
  .widget-access-dl .realtime__num {
    font-size: 1.5rem;
  }
  .widget-access-dl .commute__num {
    font-size: calc(0.875rem * 1.2858);
  }
  .widget-access-dl .access-dl .line {
    height: 2.625rem;
  }
  .widget-access-dl .access-dl__wrapper {
    display: block;
  }
  .widget-access-dl .access-dl__now {
    column-gap: 0.875rem;
    padding: 0.875rem;
  }
  .widget-access-dl .access-dl__list {
    margin: 0.5rem 0 0 0;
  }
}

/* 작업구역,공종별 근로자출입 Widget CSS*/
.widget-access-uzworktype .uzworktype-card { display: flex; padding-bottom: 1rem; }
.widget-access-uzworktype .uzworktype-card h4 { display: flex; align-items: center; justify-content: center; width: 30%; background: #E8EBED; font-weight: 800; text-align: center; vertical-align: middle; font-size: 0.92rem; line-height: normal; }
.widget-access-uzworktype .uzworktype-card ul { width: 70%; max-height: 173px; overflow: auto; }
.widget-access-uzworktype .uzworktype-card ul::-webkit-scrollbar { width: 0.25rem; }
.widget-access-uzworktype .uzworktype-card ul::-webkit-scrollbar-thumb { background: #BABABA; border-radius: 1rem; }
.widget-access-uzworktype .uzworktype-card ul::-webkit-scrollbar-track { width: 4px; background-color: #ebebeb; }
.widget-access-uzworktype .uzworktype-card ul li { width: 100%; display: flex; border-top: 1px solid #dee2e6; }
.widget-access-uzworktype .uzworktype-card ul li:first-child { border: 0; }
.widget-access-uzworktype .uzworktype-card ul li .worktype_label { width: 40%; display: flex; align-items: center; background: #F5F8F9; padding: .625rem .5rem; }
.widget-access-uzworktype .uzworktype-card ul li .worktype_persnl { width: 100%; display: flex; align-items: center;  }
.widget-access-uzworktype .uzworktype-card ul li .worktype_persnl .ptnrs-wrapper { width: 100%; }
.widget-access-uzworktype .uzworktype-card ul li .worktype_persnl .ptnrs-wrapper div { width: 100%; padding: 0.75rem 0.75rem; border-top: 1px solid #dee2e6; }
.widget-access-uzworktype .uzworktype-card ul li .worktype_persnl .ptnrs-wrapper div:first-child { border: 0; }
.widget-access-uzworktype .uzworktype-card ul li .worktype_noData { width: 100%; display: flex; align-items: center; background: #F5F8F9; padding: 1rem 0.75rem; color: #767676; }
.widget-access-uzworktype .uzworktype-card .worktype_circle { width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; background: #fff; margin-left: 0.5rem; margin-right: 0.5rem; }

/* 공종별 근로자출입 Widget CSS*/
.widget-access-worktype { padding-bottom: 1rem !important; }
.widget-access-worktype .tbl-worktype-wrapper { max-height:173px; overflow: auto; }
.widget-access-worktype .tbl-worktype-wrapper::-webkit-scrollbar { width: 0.25rem; }
.widget-access-worktype .tbl-worktype-wrapper::-webkit-scrollbar-thumb { background: #BABABA; border-radius: 1rem; }
.widget-access-worktype .tbl-worktype-wrapper::-webkit-scrollbar-track { width: 4px; background-color: #ebebeb; }
.widget-access-worktype .table-striped-1>tbody>tr:nth-of-type(even)>* { background-color: rgb(215, 220, 228, 0.2); }
.widget-access-worktype .table-striped-1>tbody>tr:nth-of-type(even) th { background-color: #EAECF0; }
.widget-access-worktype .table_subTit thead tr th.access-color-in { color: #3F85ED; }
.widget-access-worktype .table_subTit thead tr th.access-color-rem { color: #01B836; }
.widget-access-worktype .table_subTit thead tr th.access-color-out { color: #FA772E; }
.widget-access-worktype .table_subTit tbody tr th { background: #F5F8F9; font-weight: 800; text-align: center; vertical-align: middle; font-size: 0.85rem; line-height: normal; }
.widget-access-worktype .table_subTit tbody tr th .flexAlgnm { display: flex; align-items: center; }
.widget-access-worktype .table_subTit tbody tr td { vertical-align: middle; padding: 0 !important; }
.widget-access-worktype .table_subTit tbody tr td .ptnrs-wrapper div { padding: .625rem .5rem; border-top: 1px solid #dee2e6; }
.widget-access-worktype .table_subTit tbody tr td .ptnrs-wrapper div:first-child { border: 0; }
.widget-access-worktype .table_worktype_circle { width: 0.6rem; height: 0.6rem; border-radius: 0.6rem; background: #fff; margin-left: 0.5rem; margin-right: 0.5rem; }

/* 중장비안전 협착이력 Widget */
.widget-smystatus .widget-tit-wrapper .d-flex.justify-content-end .map-content { align-items: center; font-size: 12px; }
.widget-smystatus .widget-tit-wrapper .map-content a { color: #333; }
.widget-smystatus .widget-tit-wrapper .map-content a:hover { color: #0056b3; text-decoration: none; }
.widget-smystatus .field-map-box .mapArea { position: relative; width: 100%; height: 400px; background-color: #e5e9ec; }
.widget-smystatus .field-map-box .legend { display: flex; justify-content: flex-end; gap: 1.35rem; width: 100%; padding: 0.813rem 1.58rem; background-color: #f2f4f8;  margin-bottom: 1rem; }
.widget-smystatus .field-map-box .legend .legend-item .legend-label { font-size: 0.813rem; font-weight: 500; line-height: 1.46; letter-spacing: -0.31px; color: #66696c; margin-left: 0.2rem; }

/* 타워크레인 충돌감지 Widget */
.widget-twrstatus .widget-tit-wrapper .goto-control-center { margin-left: 1rem; padding: 5px 10px 6px 10px; background: #007bff; border-radius: 4px; color: #F2F4F5; font-size: 0.813rem; font-weight: 500; text-decoration: none; transition: all 0.3s; margin-right: 0.75rem; margin-top: -0.3rem; }
.widget-twrstatus .external-content { background-color: #e5e9ec; margin-bottom: 1rem; width:100%; height:400px; }
.widget-twrstatus .external-content div[id^="acsInfoPanel"]::-webkit-scrollbar { width: 0.25rem; }
.widget-twrstatus .external-content div[id^="acsInfoPanel"]::-webkit-scrollbar-thumb { background-color: #aaa; border-radius: 1rem; }
.widget-twrstatus .external-content div[id^="acsInfoPanel"]::-webkit-scrollbar-track { width: 0.25rem; background-color: #23252B; border-radius: 1rem; }

/*Stop Working Widget CSS*/
/* 기본 스타일 */
.stop-work__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
}

.widget-stop-working {
  min-height: 150px;
}

.widget-stop-working .stop-work__wrap {
  padding: 0 0.25rem;
  align-items: center;
}

.widget-stop-working .stop-work__arrow {
  margin-top: 1.5rem;
}

.widget-stop-working .stop-work__item .title {
  font-size: 1rem;
  font-weight: 700;
}

.widget-stop-working .stop-work__item .box {
  margin-top: 0.625rem;
  border-radius: 0.375rem;
  text-align: center;
}

.widget-stop-working .stop-work__item .num {
  padding-top: 0.375rem;
  color: #121216;
  font-family: "GmarketSansBold";
  font-size: 1.375rem;
  line-height: 3.375rem;
}

.widget-stop-working .stop-work__item.no-3 .num {
  color: var(--white);
}

.widget-stop-working .stop-work__item.no-1 .title {
  color: #717171;
}

.widget-stop-working .stop-work__item.no-1 .box {
  background-color: #E8EBED;
}

.widget-stop-working .stop-work__item.no-2 .title {
  color: #D88F21;
}

.widget-stop-working .stop-work__item.no-2 .box {
  background-color: #FFDAA4;
}

.widget-stop-working .stop-work__item.no-3 .title {
  color: #EE6400;
}

.widget-stop-working .stop-work__item.no-3 .box {
  background-color: #F88A24;
}

@media (max-width: 768px) {
  .widget-stop-working {
    min-height: fit-content;
  }
  .widget-stop-working .stop-work__wrap {
    padding-bottom: 0.75rem;
  }
  .widget-stop-working .stop-work__item {
    padding: 0 0.375rem;
  }
  .widget-stop-working .stop-work__item .title {
    font-size: 0.875rem;
  }
  .widget-stop-working .stop-work__item .num {
    font-size: calc(0.875rem * 1.2858);
    line-height: 2.75rem;
  }
  .widget-stop-working .stop-work__arrow {
    width: 1.25rem;
  }
}

/* Danger Spot Widget CSS */
.widget-danger-spot .dg-spot__badge {
  width: 1.5rem; /* 원의 너비 */
 
  position: relative;
  margin: 0 auto;
  border-radius: 50%; /* 원 모양 */
  font-size: 0.7rem; /* 텍스트 크기 조정 */
  font-weight: 700;
 
  display: flex;
  justify-content: center; /* 수평 중앙 정렬 */
  align-items: center; /* 수직 중앙 정렬 */
  color: #ffffff; 
}

.table-custom {
    width: 100%;
    margin-bottom: 1rem;
    border-collapse: collapse;
    border-spacing: 0;
}

.table-custom th,
.table-custom td {
    margin: 0;
    padding: 2px 0; /* 패딩을 더 줄임 */
    border: none; /* 테이블 경계선 제거 */
    text-align: center; /* 수평 중앙 정렬 */
    vertical-align: middle; /* 수직 중앙 정렬 */
    line-height: 1; /* 줄 간격 최소화 */
}

.table-custom tr {
    margin: 0;
    padding: 0;
    line-height: 1; /* 줄 간격 최소화 */
    height: auto; /* 행 높이를 자동으로 */
}

.table-custom .badge-img {
    width: 23px;
    display: inline-block; /* 이미지의 공백을 제거 */
    margin: 0;
    padding: 0;
    vertical-align: middle; /* 이미지의 수직 정렬 */
}

.table-custom .dg-spot__badge {
    display: flex; /* 플렉스 박스 사용 */
    align-items: center; /* 수직 중앙 정렬 */
    justify-content: center; /* 수평 중앙 정렬 */
    padding: 0;
    margin: 0;
    line-height: 1;
}

.table-custom .custom-dg-spot__badge {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 1;
}

.table-custom .custom-dg-spot__badge.option::after {
    content: "•"; /* 점 추가 */
    font-size: 18px; /* 점 크기 조정 */
    margin-left: 2px; /* 이미지와 점 사이의 간격 */
    color: black; /* 점 색상 */
    position: relative;
    top: -2px; /* 점을 약간 위로 이동 */
}

.table-custom .custom-dg-spot__badge::after {
    content: "•"; /* 점 추가 */
    font-size: 18px; /* 점 크기 조정 */
    margin-left: 2px; /* 이미지와 점 사이의 간격 */
    color: #ffffff; /* 점 색상 (하단색) */
    position: relative;
    top: -2px; /* 점을 약간 위로 이동 */
}



/* 위험도 아이콘 색상 */
.widget-danger-spot .dg-spot__badge.upper {
  background-color: #E64746;
}

.widget-danger-spot .dg-spot__badge.middle {
  background-color: #FAB400;
}

.widget-danger-spot .dg-spot__badge.lower {
  background-color: #31B36C;
}

.widget-danger-spot .table-resposive {
  /* scroll-bar-background */ }
  .widget-danger-spot .table-resposive::-webkit-scrollbar {
    width: 0.25rem; }
  .widget-danger-spot .table-resposive::-webkit-scrollbar-thumb {
    background: #BABABA;
    border-radius: 1rem; }
  .widget-danger-spot .table-resposive::-webkit-scrollbar-track {
    width: 4px;
    background-color: transparent; }

.widget-danger-spot .wg-tbl {
  min-width: 700px;
}

.widget-danger-spot .wid-12 {
  width: 12%; }
.widget-danger-spot .wid-14 {
  width: 14%; }
.widget-danger-spot .wid-16 {
  width: 16%; }
   
/* 옵션 배지 */
.widget-danger-spot .dg-spot__badge.option::after {
  position: absolute;
  top: 25%; /* 기존의 50%에서 40%로 수정하여 더 위로 이동 */
  right: -0.75rem;
  width: 0.5rem;
  height: 0.5rem;
  content: '';
  transform: translateY(-50%);
  display: block;
  background: #0A2252;
  border-radius: 50%;
}

/* Scrollbar 스타일링 */
.widget-danger-spot .table-resposive {
  /* scroll-bar-background */
}

.widget-danger-spot .table-resposive::-webkit-scrollbar {
  width: 0.25rem;
}

.widget-danger-spot .table-resposive::-webkit-scrollbar-thumb {
  background: #BABABA;
  border-radius: 1rem;
}

.widget-danger-spot .table-resposive::-webkit-scrollbar-track {
  width: 4px;
  background-color: transparent;
}

/* 테이블 스타일 */
.widget-danger-spot .wg-tbl {
  table-layout: fixed;
}

/* 반응형 스타일 */
@media (max-width: 768px) {
  .widget-danger-spot .table {
    min-width: 400px;
    white-space: nowrap;
  }
  .widget-danger-spot .table th:first-child {
    width: 5.75rem;
  }
}


/*대림*/

/* 외부 박스 설정 */
 

/* 표의 반응형 테이블 설정 */
.table-responsive {
  position: relative;
}

.table-responsive.row5 {
  height: 208px;
  margin-bottom: 1rem;
}

.table-responsive.row5 .table {
  margin-bottom: 0;
}

 

.wg-tbl {
  table-layout: fixed;
}

.wg-tbl th, .wg-tbl td {
  padding: .625rem .5rem;
  text-align: center;
}

.wg-tbl thead th {
  border-bottom: 0 none;
  background: #E8EBED;
  border-top: 0 none;
  color: rgba(51, 51, 51, 0.6);
  font-weight: 700;
  vertical-align: middle;
}

.wg-tbl thead th:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}

.wg-tbl thead th:last-child {
  border-radius: 0 0.25rem 0.25rem 0;
}

.wg-tbl td {
  border-top: 0 none;
  border-bottom: 1px solid #dee2e6;
}

.wg-tbl tr:last-child td {
  border-bottom: 0 none;
}

/* 특정 너비 설정 */
.wid-16 {
  width: 16%;
}

.wid-26 {
  width: 26%;
}

.wid-22 {
  width: 22%;
}

/* 제목 설정 */
.widget-tit-wrapper {
  display: flex;
  flex-direction: row;
  padding: 1.25rem 0 1rem 0;
  min-height: 3.375rem;
}

.widget-tit-wrapper > h3 {
  margin-right: auto;
  color: #333;
  font-family: "GmarketSansBold";
  font-size: calc(0.875rem * 1.1429);
}

/* 위험도 아이콘 설정 */
.widget-daily_zero__icon {
  display: inline-block;
  font-size: 1rem;
  text-align: center;
  line-height: 1.5;
  color: #fff;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.widget-daily_zero__icon.danger {
  background-color: #E64746;
}

.widget-daily_zero__icon.warning {
  background-color: #FAB400;
}

.widget-daily_zero__icon.good {
  background-color: #03C73C;
}

.widget-daily_zero__icon.option {
  font-weight: bold;
  border: 2px solid #000;
}

.attach_file, attach_file_acdt { /* mrjoo::25.11.28::첨부삭제 marker처리 */
	position: relative;
	overflow: hidden;
}

.attach_file a, .attach_file_acdt a { /* mrjoo::25.11.28::첨부삭제 marker처리 */
	position: absolute;
	background-color: #fff;
}



/*AI영상분석 이벤트 현황*/
.widget-ai-event {}
.widget-ai-event .access-num {color: #dd4446 !important;}
.widget-ai-event .access-num.is-zero {color: #ACBBC0 !important;}
.event-rank {font-size: 0.9rem; color: #EB4346; font-weight: bold; background-color: #FBE2E2; padding: 0 0.3rem; border-radius: 5px; margin-right: 0.375rem;}
.widget-ai-event .widget-tit-wrapper .goto-control-center {height: fit-content; margin-left: 1rem; padding: 5px 10px 6px 10px; background: #007bff; border-radius: 4px; color: #F2F4F5; font-size: 0.813rem; font-weight: 500; text-decoration: none; transition: all 0.3s; margin-right: 0.75rem; margin-top: -0.3rem;}
.widget-ai-event .total {background-color: #F4F6F9 !important;}
.widget-ai-event .total .access-num {color: #2A2A2A !important;}
.widget-ai-event {background: #fff; border-radius: 0.75rem; padding: 1.25rem 1.25rem 1.5rem;}
.widget-ai-event .empty-state {width: 100%; margin: 0.75rem; padding: 2rem 1rem; background: #f7f9fc; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; gap: 0.75rem; text-align: center;}
.widget-ai-event .empty-state img {width: 2rem; height: 2rem;}
.widget-ai-event .empty-state p {margin: 0; font-size: 0.875rem; color: #666;}