@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0; }

body {
  font-family: 'Malgun Gothic', arial, dotum, gulim; }

iframe {
  border-width: 0; }

button {
  cursor: pointer; }

/*
 * GNB
 */
.header-gnb {
  position: relative;
  box-sizing: border-box;
  height: 55px;
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
  box-shadow: 0 1px 3px 0 rgba(85, 85, 85, 0.16); }
  .header-gnb .header-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    position: relative;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0 30px; }
  .header-gnb .header-left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex: 1; }
  .header-gnb .header-center {
    flex: none;
    height: 40px; }
  .header-gnb .header-right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    flex: 1; }
  .header-gnb .btn-user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    justify-content: center;
    height: 34px;
    box-sizing: border-box;
    background-color: #57687D;
    border-radius: 3px;
    padding: 10px 12px;
    border: 0;
    opacity: 1;
    transition: all .2s;
    cursor: pointer; }
    .header-gnb .btn-user .user-name {
      display: inline-block;
      font-size: 13px;
      font-weight: bold;
      color: #fff;
      vertical-align: middle;
      line-height: 1.33;
      white-space: nowrap;
      opacity: .7;
      transition: all .2s; }
    .header-gnb .btn-user .user-team {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      vertical-align: middle;
      font-weight: normal;
      line-height: 1.33;
      opacity: .7;
      transition: all .2s; }
    .header-gnb .btn-user .txt {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      vertical-align: middle;
      font-weight: bold;
      line-height: 1.33;
      opacity: .7;
      transition: all .2s; }
    .header-gnb .btn-user .ico-header-tri {
      margin-left: 12px;
      width: 8px;
      height: 8px;
      opacity: .7;
      transition: all .2s; }
    .header-gnb .btn-user .ico-header-logout {
      margin-right: 5px;
      opacity: .7;
      transition: all .2s; }
    .header-gnb .btn-user:hover .user-name, .header-gnb .btn-user:hover .user-team, .header-gnb .btn-user:hover .txt, .header-gnb .btn-user:hover .ico-header-tri, .header-gnb .btn-user:hover .ico-header-profile, .header-gnb .btn-user:hover .ico-header-logout, .header-gnb .btn-user:active .user-name, .header-gnb .btn-user:active .user-team, .header-gnb .btn-user:active .txt, .header-gnb .btn-user:active .ico-header-tri, .header-gnb .btn-user:active .ico-header-profile, .header-gnb .btn-user:active .ico-header-logout {
      opacity: 1; }
  .header-gnb .btn-sitemap {
    background-color: #EEEFF0;
    width: 59px;
    min-width: 0;
    height: 59px;
    box-sizing: border-box;
    border: 0; }
.header-gnb .btn-user:hover {
	background-color: #57687D;	
}

/* GNB Menu */
.gnb-menu .gnb-list {
  background-color: transparent;
  height: auto;
  font-size: 0; }
  .gnb-list li.gnb-item {
    height: auto;
    line-height: normal;
    background-color: transparent;
    transition: all .2s; }
    .gnb-list li.gnb-item .gnb-anchor {
      font-size: 14px;
      font-weight: bold;
      color: #1F2A3F;
      padding: 0 13px;
      height: 40px;
      line-height: 39px;
      border-radius: 20px;
      background-color: transparent;
      position: relative;
      transition: all .2s; }
      .gnb-list li.gnb-item .gnb-anchor::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 16px;
        background-color: rgba(255, 255, 255, 0.3);
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%); }
    
      .gnb-list li.gnb-item .gnb-anchor.active {
        opacity: 1;
        color: #FFFFFF;
        background-color: #3B79F4; }
    .gnb-list li.gnb-item:last-child .gnb-anchor::after {
      display: none; }
    .gnb-list li.gnb-item:first-child() {
      border: 0; }
    .gnb-list li.gnb-item.division::before {
      width: 2px;
      background-color: #707176;
      right: -1px; }
    .gnb-list li.gnb-item:last-child::before {
      display: none; }
    .gnb-list li.gnb-item:hover .gnb-anchor {
      opacity: 1;
      color: #3B79F4; }
    .gnb-list li.gnb-item .ArrowIcon {
      display: none; }
  .gnb-list .sub-layer {
    min-width: 240px;
    width: auto;
    max-height: calc(100vh - 60px);
    padding: 10px 0 10px;
    border: 1px solid #3B79F4;
    box-shadow: 0 3px 5px 0 rgba(49, 51, 56, 0.11);
    border-radius: 3px;
    cursor: default;
    display: none;
    z-index: 3;
    overflow-y: auto; }
  .gnb-list .sub-wrap {
    height: auto;
    padding: 0;
    cursor: default; }
    .gnb-list .sub-wrap:hover {
      background-color: transparent; }
  .gnb-list .sub-list:last-child {
    margin-bottom: 0; }
    .gnb-list .sub-list:last-child .sub-item:last-child {
      border: 0; }
  .gnb-list .sub-list.depth2 {
    margin-bottom: 0;
    border-radius: 2px;
    transition: background-color .2s;
    overflow: hidden; }
    .gnb-list .sub-list.depth2:hover {
      background-color: #F7F7F9; }
    .gnb-list .sub-list.depth2 .sub-item {
      border: none;
      padding: 0; }
    .gnb-list .sub-list.depth2 .sub-anchor {
      font-weight: normal;
      padding-left: 30px;
      position: relative;
      margin: 0; }
      .gnb-list .sub-list.depth2 .sub-anchor .txt {
        font-size: 14px;
        font-weight: normal; }
      .gnb-list .sub-list.depth2 .sub-anchor::before {
        content: '';
        display: inline-block;
        width: 4px;
        height: 4px;
        border-radius: 2px;
        background-color: #333333;
        position: absolute;
        top: calc(50% - 2px);
        left: 16px; }
      .gnb-list .sub-list.depth2 .sub-anchor:hover::before {
        background-color: #fff; }
  .gnb-list .menu-title {
    height: 30px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 5px;
    background-color: #B6BAC5;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px; }
    .gnb-list .menu-title .title-txt {
      font-size: 13px;
      color: #FFFFFF;
      font-weight: bold;
      line-height: 1.33; }
    .gnb-list .menu-title + .menu-title {
      margin-top: 20px; }
  .gnb-list .sub-item {
    box-sizing: border-box;
    width: 100%; }
    .gnb-list .sub-item:hover {
      background-color: #F7F7F7; }
      .gnb-list .sub-item:hover .txt {
        color: #3B79F4; }
  .gnb-list .sub-anchor {
    display: block;
    text-decoration: none;
    width: 100%;
    height: auto;
    min-height: 40px;
    box-sizing: border-box;
    line-height: 30px;
    margin: 0;
    position: relative;
    transition: background-color .2s;
    border-radius: 2px;
    padding: 0 20px;
    display: flex;
    align-items: center; }
    .gnb-list .sub-anchor .txt {
      display: inline-block;
      font-size: 14px;
      color: #333;
      font-weight: bold;
      letter-spacing: -0.51px;
      transition: color .2s;
      line-height: 20px;
      word-break: keep-all;
      padding: 3px 0;
      vertical-align: middle; }

/* GNB - 사용자메뉴 */
.user-group {
  box-sizing: border-box;
  position: relative;
  display: flex;
  margin: auto 0 auto auto;
  align-items: center;
}
  .user-group .user-profile {
    display: flex;
    align-items: center;
    margin-right: 20px; }
    .user-group .user-profile .ico-header-profile {
      margin-right: 5px;
      opacity: .7;
      margin-top: 2px; }
    .user-group .user-profile .user-name {
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      opacity: .7; }
    .user-group .user-profile .txt {
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      opacity: .7; }
    .user-group .user-profile .user-team {
      font-size: 14px;
      color: #fff;
      opacity: .7; }
  .user-group .btn-user {
    z-index: 100; }
  .user-group .user-menu {
    width: 100%;
    display: none;
    left: auto !important;
    right: 0 !important;
    border: 0;
    border: 1px solid #3A4655;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
    z-index: 10;
    border-radius: 3px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 0; }
    .user-group .user-menu .user-menu-wrap {
      padding: 0;
      border-radius: 0 0 5px 5px;
      background-color: #fff; }
    .user-group .user-menu .greeting-wrap {
      background-color: #F2F6FA;
      padding: 10px 35px; }
      .user-group .user-menu .greeting-wrap .txt {
        color: #333;
        font-size: 14px;
        line-height: 21px;
        letter-spacing: -0.54px;
        word-break: keep-all; }
    .user-group .user-menu .btn-wrap {
      padding: 15px 10px; }
      .user-group .user-menu .btn-wrap .btn-user-menu {
        width: 100%;
        flex: 1;
        border-radius: 3px;
        background-color: #EDF1F5;
        border: 1px solid #A3A6AA;
        padding: 5px 15px 7px;
        padding-left: 13px;
        margin-bottom: 10px;
        text-align: left;
        transition: all .2s; }
        .user-group .user-menu .btn-wrap .btn-user-menu:last-child {
          margin-bottom: 0; }
        .user-group .user-menu .btn-wrap .btn-user-menu:hover {
          background-color: #e3e7ec; }
        .user-group .user-menu .btn-wrap .btn-user-menu .btn-txt {
          display: inline-block;
          line-height: 1.33;
          color: #333;
          font-size: 13px;
          transition: color .2s;
          vertical-align: middle; }
        .user-group .user-menu .btn-wrap .btn-user-menu .ico-header {
          margin-top: 2px;
          margin-right: 6px;
          transition: all .2s; }
    .user-group .user-menu .bookmark-header {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center;
      padding: 0 20px 10px; }
      .user-group .user-menu .bookmark-header .txt-title {
        display: inline-block;
        color: #333333;
        font-size: 14px;
        font-weight: bold;
        line-height: 1.33; }
      .user-group .user-menu .bookmark-header .btn-edit {
        display: inline-block;
        color: #999999;
        padding: 5px;
        line-height: 1.33;
        text-decoration: none;
        transition: color .2s; }
        .user-group .user-menu .bookmark-header .btn-edit:hover {
          color: #333333; }
    .user-group .user-menu .bookmark-list {
      overflow-y: auto;
      max-height: 440px;
      min-height: 100px;
      padding: 0 20px; }
    .user-group .user-menu .bookmark-nodata {
      font-size: 13px;
      color: #979797;
      font-weight: bold;
      text-align: center;
      padding: 20px;
      border-radius: 3px;
      height: 80px;
      box-sizing: border-box;
      background-color: #f7f7f8; }
    .user-group .user-menu .bookmark-item {
      border-top: 1px solid #E4E4F0;
      line-height: 1.33;
      position: relative; }
    .user-group .user-menu .bookmark-anchor {
      display: block;
      padding: 12px 10px;
      text-decoration: none;
      text-align: left;
      line-height: normal;
      transition: background-color .2s; }
      .user-group .user-menu .bookmark-anchor:hover {
        background-color: #F8F8FA; }
        .user-group .user-menu .bookmark-anchor:hover .bookmark-title {
          color: #ED4963; }
    .user-group .user-menu .bookmark-title {
      display: block;
      font-size: 13px;
      font-weight: bold;
      color: #333333;
      margin-bottom: 4px;
      transition: color .2s; }
    .user-group .user-menu .breadcrumb-list {
      display: block;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .user-group .user-menu .breadcrumb-item {
      color: #999999;
      font-size: 13px;
      line-height: 1.33; }
      .user-group .user-menu .breadcrumb-item:first-child::before {
        display: none; }
      .user-group .user-menu .breadcrumb-item::before {
        content: '>';
        display: 'inline-block';
        margin-right: 4px; }
    .user-group .user-menu .bookmark-del {
      display: none;
      position: absolute;
      right: 0;
      bottom: 8px;
      height: 25px; }
    .user-group .user-menu .bookmark-list.editmode .bookmark-del {
      display: block; }
    .user-group .user-menu .bookmark-del:before {
      content: '';
      display: block;
      position: absolute;
      left: -10px;
      width: 10px;
      height: 100%;
      background: white;
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 100%); }
.user-group a {
	text-decoration: none;
}

/* 사이트맵 */
.sitemap-layer {
  display: none;
  z-index: 200;
  padding: 0;
  border: 0;
  border-bottom: 1px solid #ED4963;
  box-shadow: 0 1px 3px 0 rgba(85, 85, 85, 0.15);
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  border-radius: 0; }
  .sitemap-layer .layer-header {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
    padding: 0 30px; }
  .sitemap-layer .header-left {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    flex: none; }
  .sitemap-layer .header-center {
    flex: none;
    margin-left: 24px;
    margin-right: 24px; }
    .sitemap-layer .header-center .title-txt {
      line-height: 1.33;
      font-size: 20px;
      color: #333333; }
  .sitemap-layer .header-right {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    flex: none; }
    .sitemap-layer .header-right .btn-close {
      background-color: #EEEFF0;
      width: 59px;
      height: 59px;
      box-sizing: border-box;
      border: 0; }
  .sitemap-layer .layer-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px 20px;
    max-height: calc(100vh - 30px);
    overflow-y: auto; }
  .sitemap-layer .dashboard-area {
    min-width: 210px;
    padding: 20px;
    border-radius: 8px;
    background: #6a2cbe;
    background: linear-gradient(171deg, #6a2cbe 0%, #ff6b90 100%);
    margin-right: 20px; }
  .sitemap-layer .dashboard-header .title-txt {
    font-size: 16px;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.33;
    opacity: .9;
    margin-bottom: 5px; }
  .sitemap-layer .dashboard-header .date-info {
    font-size: 13px;
    color: #fff;
    line-height: 1.33;
    opacity: .8;
    margin-bottom: 10px; }
  .sitemap-layer .dashboard-header .btn-update {
    height: 24px;
    border-radius: 12px;
    padding: 2px 10px 5px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.2);
    border: 0; }
    .sitemap-layer .dashboard-header .btn-update .btn-txt {
      display: inline-block;
      font-size: 13px;
      color: #fff;
      vertical-align: middle; }
  .sitemap-layer .dashboard-item {
    padding: 50px 0;
    border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
    .sitemap-layer .dashboard-item:last-child {
      border: 0; }
    .sitemap-layer .dashboard-item .item-title {
      font-size: 13px;
      line-height: 1.33;
      color: #fff;
      opacity: .9;
      font-weight: bold;
      margin-bottom: 10px; }
  .sitemap-layer .type01 .value {
    color: #4CE860; }
  .sitemap-layer .type01 .graph-data .value-graph {
    background-color: #4CE860; }
  .sitemap-layer .type01 .graph-data .tri-mark {
    border-top-color: #4CE860; }
  .sitemap-layer .type02 .value {
    color: #FFC45A; }
  .sitemap-layer .type02 .graph-data .value-graph {
    background-color: #FFC45A; }
  .sitemap-layer .type02 .graph-data .tri-mark {
    border-top-color: #FFC45A; }
  .sitemap-layer .current-value {
    margin-bottom: 25px; }
    .sitemap-layer .current-value .value {
      font-size: 24px;
      font-weight: bold; }
    .sitemap-layer .current-value .unit {
      font-size: 13px;
      color: #fff;
      opacity: .6;
      font-weight: normal; }
  .sitemap-layer .accumulation-value {
    margin-bottom: 15px; }
    .sitemap-layer .accumulation-value .txt {
      font-size: 13px;
      color: #fff;
      opacity: .8; }
    .sitemap-layer .accumulation-value .value {
      font-size: 16px;
      font-weight: bold; }
    .sitemap-layer .accumulation-value .unit {
      font-size: 13px;
      color: #fff;
      opacity: .8;
      font-weight: normal; }
  .sitemap-layer .graph-data {
    position: relative; }
    .sitemap-layer .graph-data .graph-wrap {
      position: absolute;
      height: 10px;
      width: 100%;
      box-sizing: border-box;
      border-radius: 5px;
      background-color: rgba(255, 255, 255, 0.2);
      overflow: hidden; }
    .sitemap-layer .graph-data .value-graph {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      animation: graph-bar .5s; }
    .sitemap-layer .graph-data .tri-mark {
      position: absolute;
      top: -8px;
      left: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      border-color: transparent transparent transparent transparent;
      margin-left: -4px;
      animation: tri-mark .5s; }
  .sitemap-layer .sitemap-area {
    flex: 1; }
  .sitemap-layer .sitemap-list {
    /*@include display-flex;
		@include flex-wrap(wrap);
		padding-right:250px;
		padding-bottom:30px;*/
    position: relative; }
  .sitemap-layer .sitemap-item {
    flex: none;
    border-left: 1px dashed rgba(151, 151, 151, 0.5);
    padding: 44px 20px 0; }
    .sitemap-layer .sitemap-item.group {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      flex: 2;
      padding: 0; }
      .sitemap-layer .sitemap-item.group .item-wrap {
        flex: 1;
        border-left: 1px dashed rgba(151, 151, 151, 0.3);
        padding: 0 20px; }
        .sitemap-layer .sitemap-item.group .item-wrap:first-child {
          border: none; }
    .sitemap-layer .sitemap-item:first-child {
      border: none; }
    .sitemap-layer .sitemap-item .item-title {
      margin-top: -44px;
      padding: 5px 0;
      margin-bottom: 10px;
      border-bottom: 3px solid rgba(237, 73, 99, 0.2); }
      .sitemap-layer .sitemap-item .item-title .title-txt {
        display: inline-block;
        line-height: 1.33;
        font-weight: bold;
        font-size: 16px;
        color: #ED4963;
        white-space: nowrap; }
  .sitemap-layer .sitemap-item-normal {
    width: 16.6%; }
  .sitemap-layer .sitemap-item-monitering {
    /*width:250px;
		position:absolute;
		top:0;
		right:0;*/ }
  .sitemap-layer .monitor-list {
    padding: 10px 0; }
  .sitemap-layer .monitor-item {
    min-width: 200px;
    margin-bottom: 10px; }
  .sitemap-layer .sub-list {
    box-sizing: border-box;
    padding: 3px 0 10px; }
    .sitemap-layer .sub-list:last-child {
      margin-bottom: 0; }
      .sitemap-layer .sub-list:last-child .sub-item:last-child {
        border: 0; }
    .sitemap-layer .sub-list.depth2 {
      margin-top: 5px;
      margin-bottom: 0; }
      .sitemap-layer .sub-list.depth2 .sub-item {
        border: none; }
      .sitemap-layer .sub-list.depth2 .sub-anchor {
        font-weight: normal;
        padding-left: 16px;
        position: relative;
        margin: 0; }
        .sitemap-layer .sub-list.depth2 .sub-anchor .txt {
          font-size: 14px;
          font-weight: normal; }
        .sitemap-layer .sub-list.depth2 .sub-anchor::before {
          content: '';
          display: inline-block;
          width: 4px;
          height: 4px;
          border-radius: 2px;
          background-color: #333333;
          position: absolute;
          top: calc(50% - 2px);
          left: 6px; }
        .sitemap-layer .sub-list.depth2 .sub-anchor:hover::before {
          background-color: #ED4963; }
  .sitemap-layer .menu-title {
    height: 30px;
    box-sizing: border-box;
    padding: 6px;
    border-radius: 5px;
    background-color: #B6BAC5;
    text-align: center; }
    .sitemap-layer .menu-title .title-txt {
      font-size: 13px;
      color: #FFFFFF;
      font-weight: bold;
      line-height: 1.33; }
  .sitemap-layer .sub-item {
    padding: 2px 0;
    box-sizing: border-box; }
  .sitemap-layer .sub-anchor {
    display: block;
    text-decoration: none;
    width: 100%;
    padding: 2px;
    box-sizing: border-box;
    position: relative;
    line-height: 1.33;
    transition: background-color .2s; }
    .sitemap-layer .sub-anchor .txt {
      display: inline-block;
      font-size: 14px;
      line-height: 22px;
      color: #444444;
      font-weight: bold;
      transition: color .2s; }
    .sitemap-layer .sub-anchor:hover .txt {
      color: #ED4963; }
    .sitemap-layer .sub-anchor.active .txt {
      color: #ED4963; }
    .sitemap-layer .sub-anchor.active::before {
      background-color: #ED4963; }
  .sitemap-layer .monitor-anchor {
    display: block;
    padding: 4px 15px;
    height: 30px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 20px;
    text-decoration: none;
    white-space: nowrap; }
    .sitemap-layer .monitor-anchor-all {
      background: #4ea8e3;
      background: linear-gradient(100deg, #4ea8e3 0%, #56e1ca 100%); }
    .sitemap-layer .monitor-anchor-gy {
      background: #6e76c8;
      background: linear-gradient(100deg, #6e76c8 0%, #a2aae4 100%); }
    .sitemap-layer .monitor-anchor-pj {
      background: #f0887a;
      background: linear-gradient(100deg, #f0887a 0%, #efa364 100%); }
    .sitemap-layer .monitor-anchor-hn {
      background: #3ebc9d;
      background: linear-gradient(100deg, #3ebc9d 0%, #d8c440 100%); }
    .sitemap-layer .monitor-anchor-wr {
      background: #a371c6;
      background: linear-gradient(100deg, #a371c6 0%, #5db2de 100%); }
    .sitemap-layer .monitor-anchor .txt {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.33;
      font-size: 14px;
      color: #fff; }
  .sitemap-layer .Expandable:after {
    display: none; }

/* 전체메뉴 배치 */
.sitemap-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  row-gap: 20px; }
  .ie .sitemap-list {
    display: -ms-grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    -ms-grid-rows: auto auto auto auto auto 20px auto auto auto auto auto; }

.sitemap-layer .sitemap-item-normal {
  width: auto; }
  .sitemap-layer .sitemap-item-normal:nth-child(1) {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
    -ms-grid-column: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5; }
  .sitemap-layer .sitemap-item-normal:nth-child(2) {
    grid-column: 2 / 4;
    grid-row: 1 / 6;
    -ms-grid-column: 2;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5; }
    .sitemap-layer .sitemap-item-normal:nth-child(2) .sub-menu-group {
      column-count: 2; }
  .sitemap-layer .sitemap-item-normal:nth-child(3) {
    grid-column: 4 / 5;
    grid-row: 1 / 6;
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5; }
  .sitemap-layer .sitemap-item-normal:nth-child(4) {
    grid-column: 5 / 6;
    grid-row: 1 / 3;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2; }
  .sitemap-layer .sitemap-item-normal:nth-child(5) {
    grid-column: 5 / 6;
    grid-row: 3 / 6;
    -ms-grid-column: 5;
    -ms-grid-column-span: 1;
    -ms-grid-row: 3;
    -ms-grid-row-span: 3; }
  .sitemap-layer .sitemap-item-normal:nth-child(6) {
    grid-column: 6 / 8;
    grid-row: 1 / 6;
    -ms-grid-column: 6;
    -ms-grid-column-span: 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 5; }
    .sitemap-layer .sitemap-item-normal:nth-child(6) .sub-menu-group {
      column-count: 2; }
  .sitemap-layer .sitemap-item-normal:nth-child(7) {
    grid-column: 1 / 3;
    grid-row: 6 / 11;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5;
    border-left-color: transparent; }
    .sitemap-layer .sitemap-item-normal:nth-child(7) .sub-menu-group {
      column-count: 2; }
  .sitemap-layer .sitemap-item-normal:nth-child(8) {
    grid-column: 3 / 4;
    grid-row: 6 / 11;
    -ms-grid-column: 3;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5; }
  .sitemap-layer .sitemap-item-normal:nth-child(9) {
    grid-column: 4 / 5;
    grid-row: 6 / 11;
    -ms-grid-column: 4;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5; }
  .sitemap-layer .sitemap-item-normal:nth-child(10) {
    grid-column: 5 / 8;
    grid-row: 6 / 11;
    -ms-grid-column: 5;
    -ms-grid-column-span: 3;
    -ms-grid-row: 7;
    -ms-grid-row-span: 5; }
    .sitemap-layer .sitemap-item-normal:nth-child(10) .sub-menu-group {
      column-count: 3; }

.sitemap-layer .sitemap-item-monitering {
  grid-column: 8 / 9;
  grid-row: 1 / 11;
  -ms-grid-column: 8;
  -ms-grid-row: 1;
  -ms-grid-row-span: 11; }

@keyframes graph-bar {
  0% {
    width: 0; } }

@keyframes tri-mark {
  0% {
    left: 0; } }

.ico-header {
  display: inline-block;
  background-image: url(../../images/gnb/ico_gnb.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 210px 90px; }
  .ico-header-profile {
    width: 24px;
    height: 24px;
    background-position: 0 0; }
  .ico-header-tri {
    width: 8px;
    height: 4px;
    background-position: 0 -30px; }
  .ico-header-sitemap {
    width: 22px;
    height: 22px;
    background-position: -30px 0; }
  .ico-header-monitor {
    width: 20px;
    height: 20px;
    background-position: 0 -60px; }
  .ico-header-cc {
    width: 20px;
    height: 20px;
    background-position: -30px -60px; }
  .ico-header-chp {
    width: 20px;
    height: 20px;
    background-position: -60px -60px; }
  .ico-header-close {
    width: 22px;
    height: 22px;
    background-position: -60px 0px; }
  .ico-header-refresh {
    width: 12px;
    height: 16px;
    background-position: -30px -30px; }
  .ico-header-pw {
    width: 16px;
    height: 16px;
    background-position: -90px 0; }
  .ico-header-logout {
    width: 24px;
    height: 24px;
    background-position: -120px 0; }

/*
 * Master
 */
button {
  background: inherit;
  border: none;
  box-shadow: none;
  border-radius: 0;
  padding: 0;
  overflow: visible;
  cursor: pointer; }

html {
  overflow: overlay; }
  html ::-webkit-scrollbar {
    width: 10px;
    height: 10px; }
  html ::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0.05); }
  html ::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0.2); }
    html ::-webkit-scrollbar-thumb:hover {
      background-color: rgba(0, 0, 0, 0.3); }

body {
  box-sizing: border-box;
  min-height: 100vh;
  background-color: #FFF; }

#lay-wrap {
  position: relative;
  box-sizing: border-box;
  transition: padding ease .5s; }
  .ie11 #lay-wrap {
    padding-top: 60px; }

#lay-header {
  position: sticky;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
  min-width: 1600px; }

#lay-container {
  position: relative;
  z-index: 2;
  min-width: 1600px;
  min-height: calc(100vh - 55px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }
  .ie11 #lay-container #lay-lnb,
  .ie11 #lay-container #lay-contents {
    -ms-flex-line-pack: stretch; }

#lay-lnb {
  -webkit-box-flex: none;
  -webkit-flex: none;
  -moz-box-flex: none;
  -moz-flex: none;
  -ms-flex: none;
  flex: none;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: calc(100vh - 55px);
  width: 230px;
  box-sizing: border-box;
  border-right: 2px solid #CCC; }
  .ie9 #lay-lnb {
    display: inline-block;
    float: left; }

#lay-contents {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-align-self: stretch;
  -moz-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-width: 0;
  box-sizing: border-box;
  padding: 0 30px 30px; }
  #lay-contents.type-center {
    background-color: #fff; }

.sect-content {
  margin-bottom: 20px; }
  .sect-content:last-child {
    margin-bottom: 0; }
  .type-center .sect-content {
    width: 1020px;
    margin: 0 auto; }
  .sect-content .content-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px; }
  .sect-content .chart-wrap {
    width: 100%;
    background-color: #FAFAFA;
    border: 1px solid #D9D9D9;
    height: 400px;
    border-radius: 4px;
    margin-bottom: 20px;
    box-sizing: border-box; }
  .sect-content .grid-wrap {
	margin-bottom: 20px; }

/* 콘텐츠 영역 */
.calendar-wrap,
.board-content-wrap {
  border-top: 1px solid #999999; }

.lay-columns {
  display: flex;
  column-gap: 28px; }
  .lay-columns .lay-col {
    flex: 1; }

.grid-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex; }
  .search-box + .grid-group .cpnt-toolbar-wrap:first-child {
    margin-top: 0; }
  .grid-group .col-1 {
    flex: 1; }
  .grid-group .col-2 {
    flex: 2; }
  .grid-group .col-3 {
    flex: 3; }
  .grid-group .col > .toolbar-text {
    padding: 10px 0px;
    border-bottom: 1px solid #e6e6e6; }
    .grid-group .col > .toolbar-text + .cpnt-toolbar-wrap {
      margin-top: 10px; }
  .grid-group .table-board {
    padding: 0 20px 0;
    box-sizing: border-box;
    border: 1px solid #B8C0CC; }
    .grid-group .table-board .grid-group .col {
      margin-left: 20px; }
      .grid-group .table-board .grid-group .col:first-child {
        margin-left: 0; }
    .grid-group .table-board .Table-wrapper {
      margin-bottom: 20px; }
      .grid-group .table-board .Table-wrapper td {
        height: 41px; }
    .grid-group .table-board .form-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -moz-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
      .grid-group .table-board .form-item input, .grid-group .table-board .form-item select {
        flex: none;
        min-width: 60px;
        width: 60px; }
      .grid-group .table-board .form-item .item-title {
        font-size: 12px;
        color: #333;
        line-height: 1.33;
        margin-right: 15px; }
    .grid-group .table-board .text-time {
      text-align: right;
      min-width: 70px; }
      .grid-group .table-board .text-time .Textinput {
        min-width: 28px;
        width: 28px;
        padding-left: 3px;
        padding-right: 3px; }

.list-wrap {
  margin-bottom: 20px; }
  .list-wrap:last-child {
    margin-bottom: 0; }

/* Chart */
.chart-wrap {
  padding: 20px 30px 20px 20px; }
  .chart-wrap .chart {
    height: 370px;
    overflow: initial !important; }
  .chart-wrap .amcharts-legend-div {
    font-weight: bold;
    top: -10px; }
  .chart-wrap .amcharts-chart-div {
    top: -20px; }

/* Chart Option */
.border-type-wrap {
  display: flex;
  font-size: 13px;
  color: rgba(16, 18, 27, 0.7);
  font-weight: bold; }

.border-type {
  margin-left: 24px;
  display: flex;
  align-items: center; }
  .border-type::before {
    content: "";
    display: inline-block;
    width: 33px;
    height: 33px;
    background: url(../../images/common/ico_chart.png) no-repeat;
    background-size: 450px 60px;
    margin-right: 5px; }
  .border-type-1::before {
    background-position: 0 2px; }
  .border-type-2::before {
    background-position: -60px 2px; }
  .border-type-3::before {
    background-position: -120px 2px; }
  .border-type-4::before {
    background-position: -180px 2px; }
  .border-type-5::before {
    background-position: -240px 2px; }
  .border-type-6::before {
    background-position: -300px 2px; }
  .border-type-7::before {
    background-position: -360px 2px; }

.chartoption-wrap {
  width: 100%;
  padding: 15px 20px;
  background-color: #FAFAFA;
  border: 1px solid #D9D9D9;
  border-radius: 5px;
  box-sizing: border-box; }
  .chartoption-wrap .chartoption-row {
    border-bottom: 1px dashed #B3B3B3;
    padding-bottom: 2px;
    padding-top: 10px; }
    .chartoption-wrap .chartoption-row:first-child {
      padding-top: 0; }
    .chartoption-wrap .chartoption-row:last-child {
      border: 0;
      padding-bottom: 0; }
  .chartoption-wrap .chartoption-row-title {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: bold;
    color: #999;
    margin-bottom: 13px; }
    .chartoption-wrap .chartoption-row-title::before {
      content: "";
      display: inline-block;
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background-color: #999;
      margin-right: 5px; }
  .chartoption-wrap .chartoption-form-item {
    flex: none;
    padding: 5px;
    border-radius: 3px;
    background-color: #F2F2F2;
    display: inline-flex;
    margin-right: 8px;
    margin-bottom: 8px;
    align-items: center; }
  .chartoption-wrap .chartoption-form-title {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    letter-spacing: -0.5px;
    margin-right: 10px;
    margin-left: 8px; }
  .chartoption-wrap .chartoption-form-contents {
    display: flex;
    column-gap: 5px; }

/*
 * LNB
 */
#lay-lnb {
  display: flex;
  flex-direction: column;
  position: relative;
  transition: margin .2s,border-color .2s;
  background-color: #FAFAFA;
  width: 220px;
  position: relative;
  border-color: transparent;
  margin-left: -220px; }
  #lay-lnb .btn-menu-slide {
    position: absolute;
    width: 22px;
    height: 50px;
    border-radius: 3px;
    right: -18px;
    top: 15px;
    z-index: 100;
    transition: all .2s;
    background-color: #CCC; }
    #lay-lnb .btn-menu-slide:hover {
      background-color: #FA5C7F;
      right: -22px; }
      #lay-lnb .btn-menu-slide:hover .ico-lnb-slide-arr {
        margin-left: 2px; }
    #lay-lnb .btn-menu-slide .ico-lnb-slide-arr {
      margin-left: 5px;
      transition: all .2s; }
  #lay-lnb .lnb-header {
    position: relative;
    width: 100%;
    height: 80px;
    flex: none;
    background-image: url(../../images/lnb/bg_lnb_title.jpg);
    border-bottom: 2px solid rgba(250, 92, 127, 0.4); }
    #lay-lnb .lnb-header .ico-menu {
      margin-right: 10px;
      margin-top: 3px; }
    #lay-lnb .lnb-header .lnb-title {
      font-size: 18px;
      font-weight: bold;
      line-height: 24px;
      color: #D9242F;
      text-align: left;
      display: block;
      word-break: keep-all;
      vertical-align: middle;
      letter-spacing: -1.5px;
      padding: 0 30px;
      position: relative;
      top: 48%;
      transform: translateY(-50%); }
  #lay-lnb.active {
    margin-left: 0;
    border-right: 2px solid #CCCCCC; }
    #lay-lnb.active .ico-lnb-slide-arr {
      transform: scaleX(-1);
      margin-left: -2px; }
    #lay-lnb.active:hover .ico-lnb-slide-arr {
      margin-left: -2px; }
    #lay-lnb.active .btn-menu-slide {
      right: -6px;
      background-color: #FA5C7F; }
  #lay-lnb .menu-title {
    height: 34px;
    box-sizing: border-box;
    padding: 8px;
    border-radius: 2px;
    background-color: #B6BAC5;
    text-align: center;
    margin-bottom: 5px; }
    #lay-lnb .menu-title .title-txt {
      font-size: 13px;
      color: #FFFFFF;
      font-weight: bold;
      line-height: 1.33; }
  #lay-lnb .lnb-body {
    flex: 1; }
  #lay-lnb .lnb-list {
    padding: 20px 0 15px;
    margin: 0;
    list-style-type: none;
    border-radius: 2px;
    overflow: hidden;
    transition: background-color .2s;
    background-color: #fff;
    border-bottom: 1px solid #C4C4C4; }
    #lay-lnb .lnb-list.depth2 {
      border-radius: 2px;
      margin-bottom: 16px; }
      #lay-lnb .lnb-list.depth2 .lnb-item {
        border: none; }
      #lay-lnb .lnb-list.depth2 .lnb-anchor {
        position: relative;
        font-weight: normal;
        margin: 0;
        border-radius: 0; }
        #lay-lnb .lnb-list.depth2 .lnb-anchor .txt {
          padding-left: 16px; }
        #lay-lnb .lnb-list.depth2 .lnb-anchor::before {
          content: '';
          display: inline-block;
          width: 4px;
          height: 4px;
          border-radius: 50%;
          background-color: #666;
          position: absolute;
          top: 16px;
          left: 12px;
          transition: background-color .2s; }
        #lay-lnb .lnb-list.depth2 .lnb-anchor:hover::before {
          background-color: #fff; }
    #lay-lnb .lnb-list .lnb-anchor {
      font-size: 13px;
      line-height: 45px;
      color: #333333;
      text-decoration: none;
      display: block;
      width: 100%;
      box-sizing: border-box;
      position: relative;
      transition: background-color .2s;
      padding-left: 13px;
      padding-right: 10px;
      letter-spacing: -0.54px;
      position: relative; }
      #lay-lnb .lnb-list .lnb-anchor .txt {
        display: inline-block;
        transition: color .2s;
        word-break: keep-all;
        line-height: 20px;
        margin-top: 9px;
        padding-left: 10px; }
      #lay-lnb .lnb-list .lnb-anchor::after {
        content: "";
        display: inline-block;
        width: 12px;
        height: 12px;
        background-image: url(../../images/lnb/ico_lnb.png);
        background-position-x: -30px;
        background-size: 210px 90px;
        position: absolute;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0.3;
        transition: all .2s;
        filter: grayscale(100%); }
      #lay-lnb .lnb-list .lnb-anchor:hover, #lay-lnb .lnb-list .lnb-anchor.active {
        color: #FF5C66; }
      #lay-lnb .lnb-list .lnb-anchor:hover::after {
        filter: none;
        opacity: .6; }
      #lay-lnb .lnb-list .lnb-anchor.active::after {
        opacity: 1;
        filter: none; }
    #lay-lnb .lnb-list .lnb-anchor.active {
      color: #FF5C66;
      font-weight: bold; }
      #lay-lnb .lnb-list .lnb-anchor.active::before {
        background-color: #fff; }
  #lay-lnb .lnb-item {
    box-sizing: border-box;
    border-bottom: 1px dashed #C4C4C4;
    margin: 0 25px; }
    #lay-lnb .lnb-item:last-child {
      border-bottom: 0; }
    #lay-lnb .lnb-item:hover .depth2 {
      background-color: #EBEBED; }
  #lay-lnb .lnb-banner-area {
    flex: none;
    width: 100%;
    padding: 0 25px;
    margin-bottom: 30px;
    padding-top: 30px;
    box-sizing: border-box; }
    #lay-lnb .lnb-banner-area .lnb-banner {
      border: 1px solid #CCC;
      background-color: #fff;
      border-radius: 3px;
      display: flex;
      padding: 15px;
      box-sizing: border-box;
      text-decoration: none;
      position: relative;
      transition: all .2s; }
      #lay-lnb .lnb-banner-area .lnb-banner .ico-lnb-notice {
        margin-right: 8px; }
      #lay-lnb .lnb-banner-area .lnb-banner .txt {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -1px;
        line-height: 20px;
        color: #9DA0A8; }
        #lay-lnb .lnb-banner-area .lnb-banner .txt::after {
          content: "";
          display: inline-block;
          background-image: url(../../images/lnb/ico_lnb.png);
          width: 12px;
          height: 12px;
          background-size: 210px 90px;
          background-position: -90px 0;
          position: absolute;
          right: 15px;
          top: 20px; }
        #lay-lnb .lnb-banner-area .lnb-banner .txt b {
          color: #666971; }
    #lay-lnb .lnb-banner-area:hover .lnb-banner {
      background-color: #efefef; }
  #lay-lnb .lnb-footer {
    flex: none;
    margin-bottom: 30px;
    text-align: center; }
    #lay-lnb .lnb-footer .copyright {
      color: #999999;
      font-size: 10px;
      line-height: 15px; }

.ico-lnb {
  display: inline-block;
  background-image: url(../../images/lnb/ico_lnb.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  background-size: 210px 90px; }
  .ico-lnb-slide-arr {
    background-position: 0 0;
    width: 17px;
    height: 17px; }
  .ico-lnb-notice {
    background-position: -60px 0;
    width: 22px;
    height: 22px; }

.ico-menu {
  display: inline-block;
  background-image: url(../../images/lnb/ico_lnb_menu.png);
  background-repeat: no-repeat;
  vertical-align: middle;
  width: 28px;
  height: 28px; }
  .ico-menu-01 {
    background-position: 0 0; }
  .ico-menu-02 {
    background-position: -30px 0; }
  .ico-menu-03 {
    background-position: -60px 0; }
  .ico-menu-04 {
    background-position: 0 -30px; }
  .ico-menu-05 {
    background-position: -30px -30px; }
  .ico-menu-06 {
    background-position: -60px -30px; }
  .ico-menu-07 {
    background-position: 0 -60px; }
  .ico-menu-08 {
    background-position: -30px -60px; }
  .ico-menu-09 {
    background-position: -60px -60px; }
  .ico-menu-10 {
    background-position: 0 -90px; }

/*
 * Title
 */
.page-title {
  display: inline-block;
  line-height: 1.33;
  font-size: 16px;
  font-weight: bold;
  color: #333333;
  letter-spacing: -1.29px; }

.guide-msg-wrap {
  display: inline-block;
  background-color: #F2F4FF;
  border-radius: 20px;
  padding: 4px 20px 8px 15px;
  margin-left: 20px; }
  .guide-msg-wrap .guide-msg-txt {
    font-size: 13px;
    color: #667CFF; }

.content-header.content-header-sticky {
  border-bottom: 1px solid #999999; }

.content-header .sub-title {
  display: inline-block;
  font-size: 22px;
  color: #333333;
  margin-left: 16px;
  padding-left: 20px;
  position: relative; }
  .content-header .sub-title::before {
    content: '';
    display: block;
    position: absolute;
    top: calc(50% - 7px);
    left: 0;
    width: 2px;
    height: 18px;
    background-color: #E0E0E0; }
  .content-header .sub-title:empty::before {
    content: none; }

.sect-content .content-header {
  position: sticky;
  top: 55px;
  z-index: 100;
  background-color: #fff; }

.sect-content .header-left {
  margin-top: 5px; }

.sect-content .header-right {
  margin-top: 5px; }

.header-right {
  display: flex; }
  .header-right .btn-memo {
    width: 40px;
    height: 40px;
    background-color: #F1F1F1;
    border-radius: 50%;
    border: none;
    margin-right: 5px;
    transition: all .2s; }
    .header-right .btn-memo .ico-pageheader-memo {
      transition: all .2s; }
    .header-right .btn-memo:hover .ico-pageheader-memo, .header-right .btn-memo.active .ico-pageheader-memo {
      background-image: url(../../images/common/ico_pageheader_active.png); }
  .header-right .layer-memo {
    display: none;
    position: absolute;
    top: 65px;
    right: 0;
    background-color: #fff;
    border: 1px solid #5E6C7B;
    height: calc(100vh - 55px - 75px - 30px);
    min-height: 400px;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.25);
    box-sizing: border-box; }
    .header-right .layer-memo .layer-memo-header {
      width: 100%;
      height: 45px;
      background-color: #5F6C7C;
      border-top-left-radius: 4px;
      border-top-right-radius: 4px;
      display: flex;
      padding: 0 15px;
      box-sizing: border-box;
      align-items: center; }
    .header-right .layer-memo .left-area {
      flex: 1; }
    .header-right .layer-memo .layer-header-title {
      font-size: 14px;
      font-weight: bold;
      color: #fff;
      letter-spacing: -1.13px; }
    .header-right .layer-memo .right-area {
      flex: none; }
    .header-right .layer-memo .layer-memo-body {
      height: calc(100% - 45px); }
    .header-right .layer-memo textarea {
      min-width: 460px;
      height: 100%;
      resize: none;
      font-size: 14px;
      letter-spacing: -0.54px;
      line-height: 24px;
      word-break: keep-all;
      padding: 6px 12px; }
    .header-right .layer-memo .memo-content {
      padding: 25px;
      box-sizing: border-box;
      height: 100%; }
    .header-right .layer-memo .memo-item {
      margin-bottom: 25px;
      height: calc(100% - 50px); }
    .header-right .layer-memo .memo-btn-wrap {
      text-align: center; }
  .header-right .layer-memo.active {
    display: block; }
  .header-right .scrollmove-wrap {
    width: 90px;
    height: 40px;
    border-radius: 20px;
    background-color: #F1F1F1;
    display: flex; }
  .content-header .header-right .btn-scrollmove {
    flex: 1;
    display: flex;
    align-items: center;
    background: #f1f1f1;
    position: relative;
    cursor: pointer;
    box-shadow: none; }
    .header-right .btn-scrollmove .ico-pageheader {
	margin-left: auto; margin-right: auto;
      transition: all .2s; }
    .header-right .btn-scrollmove:first-child {
	padding-right: 1px;
      border-top-left-radius: 20px;
      border-bottom-left-radius: 20px; }
      .header-right .btn-scrollmove:first-child::after {
        content: "";
        display: inline-block;
        width: 1px;
        height: 20px;
        background-color: #CCC;
        position: absolute;
        right: 0; }
    .header-right .btn-scrollmove:last-child {
      border-top-right-radius: 20px;
      border-bottom-right-radius: 20px; }
      .content-header .header-right .btn-scrollmove:hover {
		background-color: #F1F1F1;}
    .header-right .btn-scrollmove:hover .ico-pageheader {
      background-image: url(../../images/common/ico_pageheader_active.png); }

.path {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 19px;
  text-align: right;
  box-sizing: border-box; }
  .path ul,
  .path li {
    padding: 0;
    margin: 0;
    list-style: none; }
  .path .header-right {
    -webkit-align-self: center;
    -moz-align-self: center;
    -ms-flex-item-align: center;
    align-self: center; }
  .path .path-list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 4px; }
  .path .path-anchor {
    text-decoration: none; }
  .path .path-item {
    display: inline-block;
    font-size: 0; }
    .path .path-item .path-txt {
      font-size: 12px;
      line-height: 16px;
      color: #888888;
      vertical-align: top;
      transition: color, .2s; }
    .path .path-item:last-child .path-txt {
      color: #666666;
      font-weight: bold; }
    .path .path-item .ico-header-path-arrow,
    .path .path-item .ico-path-arrow {
      vertical-align: top;
      margin-right: 4px; }
    .path .path-item .ico-header-path-home,
    .path .path-item .ico-path-home {
      vertical-align: top;
      transition: background-image .2s; }
    .path .path-item:hover .path-txt {
      color: #333; }
    .path .path-item:hover .ico-header-path-home,
    .path .path-item:hover .ico-path-home {
      background-image: url(../../images/common/ico_path_active.png); }
  .path .page-menu-list .menu-item {
    display: inline-block; }
    .path .page-menu-list .menu-item.active .menu-txt {
      color: #fff;
      font-weight: bold;
      border-color: #fff; }
  .path .page-menu-list .menu-anchor {
    display: block;
    padding: 0 15px; }
    .path .page-menu-list .menu-anchor:hover .menu-txt {
      color: #fff; }
  .path .page-menu-list .menu-txt {
    font-size: 22px;
    line-height: 57px;
    color: rgba(255, 255, 255, 0.7);
    display: block;
    border-bottom: 3px solid transparent; }
  .path .bookmark {
    vertical-align: top;
    font-size: 0; }
    .path .bookmark [type="checkbox"] {
      position: absolute;
      visibility: hidden; }
    .path .bookmark [type="checkbox"] + label {
      position: relative;
      display: inline-block;
      min-width: 15px;
      cursor: pointer; }
      .path .bookmark [type="checkbox"] + label:before {
        content: '';
        display: inline-block;
        width: 15px;
        height: 15px;
        background-image: url(../../images/common/ico_path.png);
        background-position: -60px 0;
        border-width: 0;
        transition: background-image .2s; }
      .path .bookmark [type="checkbox"] + label:after {
        display: none; }
    .path .bookmark [type="checkbox"]:checked + label::before {
      background-image: url(../../images/common/ico_path_active.png); }

.path-adjust .path {
  margin-top: 26px; }

.path-adjust .page-title,
.path-adjust .page-title:first-child {
  margin-top: -26px; }

.ico-path {
  display: inline-block;
  background-image: url(../../images/common/ico_path.png); }
  .ico-path-home {
    width: 16px;
    height: 16px;
    background-position: 0 0; }
  .ico-path-arrow {
    width: 10px;
    height: 16px;
    background-position: -30px 0; }
  .ico-path-fav {
    width: 16px;
    height: 16px;
    background-position: -60px 0; }

.ico-pageheader {
  display: inline-block;
  background-image: url(../../images/common/ico_pageheader.png);
  background-size: 210px 90px; }
  .ico-pageheader-bottom {
    background-position: -60px 0;
    width: 14px;
    height: 14px;
    margin-top: 3px; }
  .ico-pageheader-top {
    background-position: -30px 0;
    width: 14px;
    height: 14px; }
  .ico-pageheader-guide-msg {
    background-position: -90px 0;
    width: 14px;
    height: 14px;
    margin-bottom: -2px; }
  .content-header .ico-pageheader-guide-msg {margin-right: 5px;}
  .ico-pageheader-memo {
    width: 16px;
    height: 16px;
    margin-top: 2px; }
  .ico-pageheader-close {
    width: 15px;
    height: 15px;
    background-position-x: -150px; }

/*
 * iframe
 */
.iframe-content {
  overflow: auto; }
  .iframe-content .content-body {
    padding: 20px; }

/*
 * Info Default
 */
.info-default {
  padding: 10px 15px;
  background-color: #F2F2F2;
  border-radius: 3px;
  margin-bottom: 20px; }
  .info-default .info-txt {
    font-size: 13px;
    color: #333;
    letter-spacing: -0.3px;
    line-height: 24px; }
    .info-default .info-txt b {
      font-weight: bold;
      color: #FF3D65; }
  .info-default .info-form-item {
    display: inline-flex;
    margin-right: 10px; }
  .info-default .info-form-title {
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    margin-right: 10px;
    letter-spacing: -0.5px;
    margin-bottom: 5px; }

/* 
 * Tooltip - 큰 사이즈
 */
.Button.Default.tooltip-button.Checked {
  background-color: #242E4B; }

.Tooltip.large {
  color: #333;
  top: calc(100% + 8px) !important;
  width: 100%;
  text-align: left;
  box-sizing: border-box;
  padding: 25px 0 0;
  background-color: #fff;
  border: 3px solid #242E4B;
  z-index: 50; }
  .Tooltip.large:before {
    content: none; }
  .Tooltip.large .tooltip-header {
    display: flex;
    justify-content: space-between;
    padding: 0 25px 10px; }
  .Tooltip.large .tooltip-header-left {
    flex: auto; }
  .Tooltip.large .tooltip-header-right {
    flex: auto;
    text-align: right; }
  .Tooltip.large .tooltip-title {
    font-size: 19px;
    line-height: 1.4;
    color: #242E4B;
    font-weight: bold; }
  .Tooltip.large .tooltipClose {
    border-width: 0; }
    .Tooltip.large .tooltipClose:hover, .Tooltip.large .tooltipClose:active {
      background-color: transparent; }
    .Tooltip.large .tooltipClose .Icon {
      background-image: url(../lib/alopex/images/glyphicons-skens.png);
      background-size: 469px 321px; }
  .Tooltip.large .tooltip-body {
    max-height: 620px;
    padding: 0 25px 25px;
    overflow: auto; }
  .Tooltip.large .tooltip-footer {
    margin-top: 15px;
    margin-bottom: 25px; }
  .Tooltip.large .tooltip-footer-left {
    flex: auto; }
  .Tooltip.large .tooltip-footer-center {
    flex: auto;
    text-align: center; }
  .Tooltip.large .tooltip-footer-right {
    flex: auto;
    text-align: right; }

/*
 * Toolbar
 */
/* Toolbar 아이콘 */
.cpnt-toolbar-wrap .ico-btn {
  display: inline-block;
  background-image: url(../../images/board/ico_board.png);
  background-size: 90px 90px; }
  .cpnt-toolbar-wrap .ico-btn-srch {
    width: 20px;
    height: 20px;
    background-position: -60px -60px; }

/* Toolbar 레이아웃 */
.page-toolbar-wrap,
.cpnt-toolbar-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /* 건수 표시 */
  /* Text가 들어오는 경우 */ }
  .page-toolbar-wrap .toolbar-left,
  .page-toolbar-wrap .toolbar-center,
  .page-toolbar-wrap .toolbar-right,
  .cpnt-toolbar-wrap .btn-wrap__left,
  .cpnt-toolbar-wrap .toolbar-center,
  .cpnt-toolbar-wrap .btn-wrap__right {
    display: flex;
    align-items: center; }
  .page-toolbar-wrap .toolbar-group,
  .cpnt-toolbar-wrap .toolbar-group {
    flex: none; }
  .page-toolbar-wrap .toolbar-left,
  .cpnt-toolbar-wrap .btn-wrap__left {
    flex: 1; }
  .page-toolbar-wrap .toolbar-center,
  .cpnt-toolbar-wrap .toolbar-center {
    flex: none;
    justify-content: center; }
  .page-toolbar-wrap .toolbar-right,
  .cpnt-toolbar-wrap .btn-wrap__right {
    flex: 1;
    justify-content: flex-end; }
    .page-toolbar-wrap .toolbar-right .filter-group,
    .page-toolbar-wrap .toolbar-right .Button,
    .cpnt-toolbar-wrap .btn-wrap__right .filter-group,
    .cpnt-toolbar-wrap .btn-wrap__right .Button {
      margin-left: 5px; }
    .page-toolbar-wrap .toolbar-right .Select,
    .cpnt-toolbar-wrap .btn-wrap__right .Select {
      margin-left: 5px; }
  .title-toolbar-wrap .toolbar-title,
  .page-toolbar-wrap .toolbar-title,
  .cpnt-toolbar-wrap .toolbar-title {
    display: inline;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1.29px;
    justify-content: space-between;
    color: #FF5C66;
    /* margin-right: 8px; */
    }
	 .cpnt-toolbar-wrap .toolbar-title2 {
	   display: inline;
	   font-size: 16px;
	   font-weight: bold;
	   letter-spacing: -1.29px;
	   justify-content: space-between;
	  color: #2B67FF; 
	   /* margin-right: 8px; */
	   }
  .page-toolbar-wrap .toolbar-total,
  .cpnt-toolbar-wrap .toolbar-total {
    font-size: 13px;
    font-weight: bold; 
    line-height: 1.33;
    color: #333;
    margin-bottom: 3px;
    }
    .page-toolbar-wrap .toolbar-total .total-num,
    .cpnt-toolbar-wrap .toolbar-total .total-num {
      color: #F72B4E; }
    .page-toolbar-wrap .toolbar-total + select,
    .cpnt-toolbar-wrap .toolbar-total + select {
      margin-left: 15px; }
  .page-toolbar-wrap .toolbar-text,
  .cpnt-toolbar-wrap .toolbar-text {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    display: inline-block; }
    .page-toolbar-wrap .toolbar-text .sub,
    .cpnt-toolbar-wrap .toolbar-text .sub {
      display: inline-block;
      margin-left: 6px;
      padding-left: 10px;
      position: relative; }
      .page-toolbar-wrap .toolbar-text .sub::before,
      .cpnt-toolbar-wrap .toolbar-text .sub::before {
        content: '';
        display: block;
        position: absolute;
        top: calc(50% - 4px);
        left: 0;
        width: 1px;
        height: 10px;
        background-color: #B6B5C2; }
  .page-toolbar-wrap .toolbar-text strong,
  .cpnt-toolbar-wrap .toolbar-text strong {
    color: #FA625A; }
  .page-toolbar-wrap .alopexgrid .Select,
  .cpnt-toolbar-wrap .alopexgrid .Select {
    height: 25px; }
  .Tooltip .page-toolbar-wrap .toolbar-right > *, .Tooltip
  .cpnt-toolbar-wrap .toolbar-right > * {
    margin-right: 4px; }
  .Tooltip .page-toolbar-wrap .toolbar-left > *, .Tooltip
  .cpnt-toolbar-wrap .toolbar-left > * {
    margin-left: 4px; }

.page-toolbar-wrap {
  position: relative; }
  .page-toolbar-wrap .Tooltip.large {
    left: 0 !important;
    right: 0 !important; }
  .page-toolbar-wrap .toolbar-group {
    position: relative; }
    .page-toolbar-wrap .toolbar-group button {
      min-width: 80px; }
  .page-toolbar-wrap .toolbar-left .toolbar-group {
    padding-right: 17px; }
    .page-toolbar-wrap .toolbar-left .toolbar-group:before {
      content: '';
      position: absolute;
      right: 8px;
      top: 3px;
      bottom: 3px;
      width: 1px;
      background-color: #B8C0CC; }
    .page-toolbar-wrap .toolbar-left .toolbar-group:last-child:before {
      display: none; }
  .page-toolbar-wrap .toolbar-right .toolbar-group {
    padding-left: 5px; }
  .page-toolbar-wrap .toolbar-center .toolbar-group {
    padding-left: 9px;
    padding-right: 8px; }
    .page-toolbar-wrap .toolbar-center .toolbar-group:before {
      content: '';
      position: absolute;
      left: 0px;
      top: 3px;
      bottom: 3px;
      width: 1px;
      background-color: #B8C0CC; }
    .page-toolbar-wrap .toolbar-center .toolbar-group:first-child:before {
      display: none; }
  .page-toolbar-wrap .Select,
  .page-toolbar-wrap select {
    height: 30px;
    background-position: right 12px; }

.cpnt-toolbar-wrap {
  margin-top: 10px;
  margin-bottom: 10px; }
  .cpnt-toolbar-wrap .btn-wrap__left .toolbar-group {
    margin-right: 14px; }
.cpnt-toolbar-wrap .btn-wrap__left .toolbar-title + .toolbar-group {
	margin-left:14px;}
  .cpnt-toolbar-wrap .toolbar-center .toolbar-group {
    margin-left: 7px;
    margin-right: 7px; }
  .cpnt-toolbar-wrap .btn-wrap__right {
    text-align: right; }
    .cpnt-toolbar-wrap .btn-wrap__right .toolbar-group {
      display: flex;
      align-items: center; }
    .bottom_panel .btn-wrap__right .input-box {
      padding-left: 5px; }
  .cpnt-toolbar-wrap .input-srch {
    position: relative; }
  .cpnt-toolbar-wrap .btn-srch {
    min-width: 30px;
    height: 30px;
    padding: 4px  4px;
    border-radius: 2px;
    position: absolute;
    right: 1px;
    top: 0;
    border-width: 0;
    background-color: transparent; }

.bu-toolbar {
  display: inline-block;
  background-image: url(../../images/common/ico_master.png);
  background-size: 210px 90px; }
  .bu-toolbar-title {
    width: 12px;
    height: 12px; }

.dialog-toolbar-text {
  font-size: 16px;
  font-weight: bold;
  color: #FF5C66;
  margin-left: 4px; }

.select-optwrap {
  font-size: 0;
  box-sizing: border-box;
  height: 25px;
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #505866;
  border-radius: 2px; }
  .select-optwrap .Select, .select-optwrap .Button.small.Default {
    height: 23px;
    border-width: 0; }
  .select-optwrap .divbar {
    display: inline-block;
    width: 1px;
    height: 15px;
    vertical-align: middle;
    background-color: #CCCCCC; }

.legend-list {
  margin: 0;
  padding: 0;
  list-style: none; }
  .legend-list .legend-item {
    display: inline-block;
    margin-right: 20px; }
  .legend-list .legend-cell {
    display: inline-block;
    width: 14px;
    height: 14px;
    border: 1px solid #bfbfbf;
    vertical-align: top;
    margin-top: 2px; }
    .legend-list .legend-cell-type1 {
      background-color: #fff; }
    .legend-list .legend-cell-type2 {
      background-color: #f5f5f5; }
    .legend-list .legend-cell-type3 {
      background-color: #FDE8DD; }
    .legend-list .legend-cell-type4 {
      background-color: #D8EAD7; }
  .legend-list .legend-txt {
    font-size: 12px;
    line-height: 21px;
    color: #333;
    display: inline-block;
    vertical-align: top; }

/* 기타 정보 */
.cpnt-toolbar-wrap .toolbar-etcinfo {
  margin: 0 0 0 3px; }
  .cpnt-toolbar-wrap .toolbar-etcinfo:before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 10px;
    margin-right: 10px;
    vertical-align: baseline;
    background-color: #8590A8; }
  .cpnt-toolbar-wrap .toolbar-etcinfo dt {
    font-size: 13px;
    line-height: 20px;
    color: #454c5f;
    display: inline-block;
    font-weight: bold; }
  .cpnt-toolbar-wrap .toolbar-etcinfo dd {
    font-size: 13px;
    line-height: 20px;
    color: #65708B;
    font-weight: bold;
    display: inline-block;
    margin-left: 5px;
    margin-right: 15px; }

/* */
.grid-group .cpnt-toolbar-wrap .toolbar-left .toolbar-group {
  width: 100%; }

.grid-group .cpnt-toolbar-wrap .toolbar-right {
  flex: none; }

/*
 * Function Bar - 기본
 */
.functionbar .Textinput {
  height: 30px;
  line-height: 30px; }

.functionbar .af-radio-text .radio-text,
.functionbar .af-checkbox-text .checkbox-text {
  font-size: 13px; }

.functionbar .Select {
  padding-bottom: 0;
  height: 30px;
  background-position-y: 12px; }

.functionbar .Dateinput > input,
.functionbar .Daterange .Startdate > input,
.functionbar .Daterange .Enddate > input {
  height: 30px;
  line-height: 28px; }

.functionbar .Daterange .Startdate > input,
.functionbar .Daterange .Enddate > input {
  background-position-y: 1px; }

.functionbar .Dateinput > .Calendar,
.functionbar .Daterange .Calendar {
  height: 30px;
  background-position-y: -235px; }

.functionbar .dateinput-move {
  height: 30px;
  line-height: 28px; }
  .functionbar .dateinput-move .btn-datemove {
    height: 28px;
    background-position-y: -235px; }
  .functionbar .dateinput-move .Dateinput > input {
    height: 28px; }

.functionbar .radio-area, .functionbar .checkbox-area {
  display: inline-block;
  padding-top: 6px; }
  .functionbar .radio-area .Radio, .functionbar .radio-area .Checkbox, .functionbar .checkbox-area .Radio, .functionbar .checkbox-area .Checkbox {
    margin-left: 0; }

.functionbar .Button.small {
  line-height: 24px;
  font-weight: bold;
  padding-right: 10px; }
  .functionbar .Button.small.Default {
    border-color: #4F5463; }
  .functionbar .Button.small.af-icon-left {
    padding-left: 30px !important; }

.functionbar {
  width: 100%;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  min-height: 50px;
  margin-top: 0;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 2px solid #999;
  background-color: #fff;
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  border-radius: 5px;
  padding: 15px 17px; }
  .Tooltip .functionbar {
    margin-top: 0; }
  .functionbar ul, .functionbar li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .functionbar .form-list {
    padding-left: 30px;
    padding-bottom: 12px; }
    .functionbar .form-list:after {
      content: '';
      display: block;
      clear: both; }
  .functionbar .form-item {
    flex: none;
    padding: 3px;
    border-radius: 3px;
    background-color: #F2F2F2;
    display: inline-flex;
    margin-right: 10px;
    align-items: center;
    margin-bottom: 10px; }
  .functionbar .form-item2 {
    flex: none;
    padding: 3px;
    border-radius: 3px;
    background-color: rgb(234, 255, 234);
    display: inline-flex;
    margin-right: 10px;
    align-items: center;
    margin-bottom: 10px; }    
  .functionbar .form-item-white {
    background-color: #fff; }
    .functionbar .form-item-white .form-title {
      padding-left: 0; }
  .functionbar .form-title{
    font-size: 13px;
    color: #333;
    font-weight: bold;
    line-height: 30px;
    margin-right: 10px;
    padding-left: 7px;
    letter-spacing: -0.5px; }
  .functionbar .form-item:has(.hidden) {
	display: none;}
  .functionbar .form-txt {
    font-size: 13px;
    color: #666;
    line-height: 30px; }
  .functionbar .select-date-wrap {
    display: inline-block; }
    .functionbar .select-date-wrap .Select {
      min-width: 60px; }
  .functionbar .form-contents {
    display: flex;
    align-items: center; }
    .functionbar .form-contents .Textinput {
      margin: 0 5px; }
      .functionbar .form-contents .Textinput:first-child {
        margin-left: 0; }
      .functionbar .form-contents .Textinput:last-child {
        margin-right: 0; }
  .functionbar .form-content-box {
    flex: none;
    display: inline-block; }
  .functionbar .form-content-box .Button {
    margin-left: 3px; }
  .functionbar .form-contents .checkbox-type2:nth-of-type(1) {
    margin-left: 7px; }
  .functionbar .option_content_box .checkbox-type1:nth-of-type(1) {
    margin-left: 15px; }
  .functionbar .form-contents.checkbox-type2 {
    margin-right: -2px; }
  .functionbar .functionbar-btn-area {
    border-top: 1px dashed #B3B3B3;
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
    margin-top: 5px; }

.functionbar.noline {
  border-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.functionbar [type=checkbox] + label::before {
  border-color: #F3466C; }

/* 
 * View Info Bar - 기본
 */
.viewinfobar {
  min-height: 50px;
  margin-top: -1px;
  margin-bottom: 20px;
  box-sizing: border-box;
  border: 1px solid #B8C0CC;
  background-color: #F5F5F5; }
  .viewinfobar ul, .viewinfobar li {
    list-style: none;
    margin: 0;
    padding: 0; }
  .viewinfobar .Radio, .viewinfobar .Checkbox {
    margin-left: 0; }
  .viewinfobar .info-list {
    padding: 0px 30px 12px; }
    .viewinfobar .info-list:after {
      content: '';
      display: block;
      clear: both; }
  .viewinfobar .info-item {
    float: left;
    margin-top: 12px;
    margin-right: 30px; }
    .viewinfobar .info-item:last-child {
      margin-right: 0px;
      border-right: none; }
    .viewinfobar .info-item > * {
      vertical-align: top; }
  .viewinfobar .info-title {
    font-size: 13px;
    line-height: 24px;
    color: #999;
    font-weight: bold;
    display: inline-block;
    margin-right: 5px;
    vertical-align: top; }
  .viewinfobar .info-txt {
    font-size: 17px;
    line-height: 24px;
    color: #000;
    font-weight: bold;
    display: inline-block;
    vertical-align: top; }

/*
 * option bar
 */
.page-optionbar-wrap {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #333; }
  .page-optionbar-wrap .left-area {
    flex: auto; }
  .page-optionbar-wrap .txt {
    font-size: 13px;
    color: #333; }
    .page-optionbar-wrap .txt .total-num {
      color: #F72B4E; }
    .page-optionbar-wrap .txt + select {
      margin-left: 15px; }
  .page-optionbar-wrap .right-area {
    flex: none;
    display: flex; }
    .page-optionbar-wrap .right-area .input-box {
      padding-left: 5px; }
  .page-optionbar-wrap .input-srch {
    position: relative; }
  .page-optionbar-wrap .btn-srch {
    min-width: 30px;
    height: 30px;
    padding: 4px  4px;
    border-radius: 2px;
    position: absolute;
    right: 1px;
    top: 0;
    border-width: 0;
    background-color: transparent; }

.page-optionbar-wrap .ico-btn {
  display: inline-block;
  background-image: url(../../images/board/ico_board.png);
  background-size: 90px 90px; }
  .page-optionbar-wrap .ico-btn-srch {
    width: 20px;
    height: 20px;
    background-position: -60px -60px; }

/*
 * 그리드 컬러보기
 */
.btn-columnview {
  display: flex;
  align-items: center; }
  .btn-columnview .columnview-title {
    background-color: #E8E8E8;
    border-radius: 3px;
    font-weight: bold;
    font-size: 13px;
    color: #333;
    letter-spacing: -0.26px;
    padding: 2px 10px 5px;
    display: inline-block; }
  .btn-columnview .columnview-content {
    margin: 0 0 6px;
    padding-left: 7px; }
  .btn-columnview .column-item {
    list-style: none;
    display: inline;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px 0 6px;
    position: relative;
    color: #B3B3B3;
    cursor: pointer; }
    .btn-columnview .column-item::after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 12px;
      background-color: #666;
      opacity: .5;
      position: absolute;
      top: 4px;
      right: 0; }
    .btn-columnview .column-item:first-child {
      padding-left: 0; }
    .btn-columnview .column-item:last-child::after {
      display: none; }
    .btn-columnview .area1 {
      color: #4469FF; }
    .btn-columnview .area2 {
      color: #439E63; }
    .btn-columnview .area3 {
      color: #E6103F; }
    .btn-columnview .Disabled {
      color: #B3B3B3;
      cursor: pointer !important; }
    /*.btn-columnview .Enabled {
      color: #B3B3B3; }*/
    .btn-columnview .Disabled {
	  color: #B3B3B3; }

/* 
 * Board - 리스트
 */
.board-list > table {
  text-align: left;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  vertical-align: middle;
  border-top: 1px solid #333; }

.board-list tr {
  transition: background-color .3s; }

.board-list tr:hover {
  background-color: #fafafa; }

.board-list th, .board-list td {
  box-sizing: border-box;
  height: 32px;
  padding: 8px 10px 10px;
  vertical-align: middle; }

.board-list th {
  font-size: 13px;
  line-height: 1.4;
  color: #fff;
  font-weight: bold;
  background-color: #A4B0BF;
  text-align: center; }
  .board-list th:first-child {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: center; }

.board-list td {
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  border-bottom: 1px solid #E4E4E4;
  text-align: center; }
  .board-list td:first-child {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: center; }

.board-list tbody tr:nth-child(even) {
  background-color: #FBFBFB; }

.board-list tr.board-item-fixed {
  background-color: #FFFAFA;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4; }
  .board-list tr.board-item-fixed .board-item-title {
    font-weight: bold; }

.board-list tbody tr.board-item-checked {
  background-color: #F5F5F5; }

.board-list th.board-col-user,
.board-list th.board-col-kpx {
  background-color: #FA625A;
  border-color: #D94941; }

.board-list td.board-col-title {
  text-align: left; }

.board-list .board-item-status-urgency {
  color: #FA625A;
  font-weight: bold; }

.board-list .board-item-title-wrap {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  vertical-align: middle;
  max-width: 100%;
  box-sizing: border-box; }

.board-list .board-item-title-right {
  float: right; }

.board-list .board-item-title {
  font-size: 14px;
  color: #333;
  letter-spacing: -0.46px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top; }
  .board-list .board-item-title:hover {
    text-decoration: underline; }

.board-list .Dateinput > input {
  width: 100%; }

.board-list .ico-board-new {
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  height: 20px; }

.board-list .ico-board-atch {
  vertical-align: top; }

.ico-board {
  display: inline-block;
  background: url(../../images/board/ico_board.png);
  vertical-align: middle;
  background-size: 90px 90px; }
  .ico-board-new {
    width: 20px;
    height: 20px;
    background-position: 0 0; }
  .ico-board-atch {
    width: 20px;
    height: 20px;
    background-position: -30px 0; }
  .ico-board-info {
    width: 19px;
    height: 19px;
    background-position: -60px 0; }

/*
 * Board - 상세화면
 */
.board-view-wrap {
  width: 100%;
  background-color: #FCFCFC;
  border: 1px solid #ADADAD;
  border-radius: 4px;
  box-sizing: border-box; }
  .board-view-wrap .toolbar-wrap {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    border-bottom: 1px solid #ccc; }

.board-view-header {
  text-align: center;
  padding: 30px 0 25px;
  margin: 0 30px;
  border-bottom: 1px solid #E6E6E6; }
  .board-view-header dl {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0; }
  .board-view-header dt, .board-view-header dd {
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    display: inline-block;
    margin: 0; }

.board-view-title {
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  font-weight: bold;
  letter-spacing: -0.67px;
  margin: 0 50px;
  word-break: keep-all; }

.board-view-info {
  margin-top: 10px; }

.board-write-info dt {
  font-weight: bold; }

.board-write-info dd {
  position: relative;
  padding-left: 10px;
  color: #999; }
  .board-write-info dd:before {
    content: '';
    position: absolute;
    left: 1px;
    top: 8px;
    display: inline-block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: #999; }

.board-basic-info,
.board-classification-info {
  margin-left: 20px; }
  .board-basic-info dd,
  .board-classification-info dd {
    font-weight: bold; }

.board-view-body {
  padding-bottom: 25px;
  margin: 0 30px; }
  .board-view-body .board-view-contents {
    min-height: 200px; }
    .board-view-body .board-view-contents .webeditor-header {
      display: none; }
    .board-view-body .board-view-contents .note-editor {
      margin-bottom: 0; }
      .board-view-body .board-view-contents .note-editor.note-frame {
        border-color: transparent; }
        .board-view-body .board-view-contents .note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"] {
          background-color: #FCFCFC; }
      .board-view-body .board-view-contents .note-editor .note-statusbar {
        display: none; }

.board-view-atch {
  display: flex;
  width: 100%;
  border-bottom: 1px solid #e6e6e6; }
  .board-view-atch .board-view-atch-title {
    flex: none;
    width: 80px;
    padding: 12px 10px;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.4;
    color: #666;
    font-weight: bold; }
  .board-view-atch .board-view-atch-content {
    flex: 1;
    box-sizing: border-box;
    overflow: auto;
    max-height: 100px;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 18px;
    color: #333; }
  .board-view-atch .board-view-atch-item {
    display: flex;
    margin: 8px 0; }

.board-view-atch-content {
  font-size: 13px;
  line-height: 18px;
  color: #333; }
  .board-view-atch-content .board-view-atch-item {
    display: flex;
    margin: 8px 0; }
    .board-view-atch-content .board-view-atch-item .atch-item-download {
      flex: none;
      width: 25px; }
    .board-view-atch-content .board-view-atch-item .btn-atch {
      border: 1px solid #7B889D;
      background-color: #fff; }
      .board-view-atch-content .board-view-atch-item .btn-atch .Icon {
        background-image: url(../lib/alopex/images/glyphicons-skens.png);
        background-size: 469px 321px; }
      .board-view-atch-content .board-view-atch-item .btn-atch:hover {
        background-color: #f5f5f5; }
    .board-view-atch-content .board-view-atch-item .atch-item-title {
      flex: 1; }
  .board-view-atch-content .atch-filesize {
    color: #999;
    margin-left: 3px; }
  .board-view-atch-content .btn-atch {
    width: 18px;
    height: 18px;
    padding-left: 0 !important;
    vertical-align: top; }
    .board-view-atch-content .btn-atch .Icon {
      position: absolute;
      left: 50% !important;
      top: 50%;
      margin-top: -7px;
      transform: translateX(-50%); }
.board-view-atch .board-view-atch-content .atch-contents {
	display: flex;
	margin: 8px 0;
}
 .board-view-atch .board-view-atch-content .atch-contents .atch-btn {
	flex: none;
	width: 25px;
}
 .board-view-atch .board-view-atch-content .atch-contents .atch-btn .btn-atch {
	width: 18px;
	height: 18px;
	vertical-align: top;
}
.board-view-footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 30px;
  border-top: 1px solid #ADADAD; }
  .board-view-footer dl, .board-view-footer dt, .board-view-footer dd {
    display: inline-block; }
  .board-view-footer .board-link {
    flex: auto; }
  .board-view-footer .board-link-nodata {
    color: #979797;
    line-height: 42px;
    height: 42px;
    position: relative; }
    .board-view-footer .board-link-nodata:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url(../../images/board/ico_board.png) no-repeat 0 -30px;
      background-size: 90px 90px; }
  .board-view-footer .board-link-anchor {
    position: relative;
    display: inline-block;
    text-decoration: none; }
    .board-view-footer .board-link-anchor:before {
      content: '';
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      display: inline-block;
      width: 20px;
      height: 20px;
      background: url(../../images/board/ico_board.png) no-repeat 0 -30px;
      background-size: 90px 90px; }
  .board-view-footer .board-link-prev .board-link-nodata,
  .board-view-footer .board-link-prev .board-link-anchor {
    padding-left: 30px;
    padding-right: 50px; }
    .board-view-footer .board-link-prev .board-link-nodata:before,
    .board-view-footer .board-link-prev .board-link-anchor:before {
      left: 0; }
  .board-view-footer .board-link-next {
    text-align: right; }
    .board-view-footer .board-link-next .board-link-nodata,
    .board-view-footer .board-link-next .board-link-anchor {
      padding-right: 30px;
      padding-left: 50px; }
      .board-view-footer .board-link-next .board-link-nodata:before,
      .board-view-footer .board-link-next .board-link-anchor:before {
        right: 0;
        background-position: -30px -30px; }
  .board-view-footer .board-link-title {
    font-size: 14px;
    line-height: 1.4;
    color: #333;
    font-weight: bold; }
  .board-view-footer .board-link-write-info {
    font-size: 13px;
    line-height: 1.4;
    color: #333;
    margin-top: 5px;
    margin-bottom: 0; }
    .board-view-footer .board-link-write-info dd {
      position: relative;
      padding-left: 10px;
      color: #999;
      margin: 0; }
      .board-view-footer .board-link-write-info dd:before {
        content: '';
        position: absolute;
        left: 1px;
        top: 8px;
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: #999; }
  .board-view-footer .board-link-anchor:hover .board-link-title {
    text-decoration: underline; }

.pop-wrap .board-view-wrap {
  border-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  max-width: 1020px;
  min-height: calc(100vh - 50px);
  margin: 0 auto; }
  .pop-wrap .board-view-wrap::after {
    display: block;
    min-height: inherit;
    font-size: 0;
    content: ''; }
  .pop-wrap .board-view-wrap .board-view {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .pop-wrap .board-view-wrap .board-view-header {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none; }
  .pop-wrap .board-view-wrap .board-view-body {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1; }
    .pop-wrap .board-view-wrap .board-view-body::after {
      display: block;
      min-height: inherit;
      font-size: 0;
      content: ''; }
    .ie11 .pop-wrap .board-view-wrap .board-view-body {
      -webkit-box-flex: none;
      -webkit-flex: none;
      -moz-box-flex: none;
      -moz-flex: none;
      -ms-flex: none;
      flex: none; }
      .ie11 .pop-wrap .board-view-wrap .board-view-body .board-view-contents {
        min-height: 200px; }
  .pop-wrap .board-view-wrap .board-view-footer {
    -webkit-box-flex: none;
    -webkit-flex: none;
    -moz-box-flex: none;
    -moz-flex: none;
    -ms-flex: none;
    flex: none;
    height: 42px; }

/*
 * Board - 작성화면
 */
.board-write-wrap {
  width: 100%;
  background-color: #FCFCFC;
  border: 1px solid #ADADAD;
  border-radius: 4px;
  box-sizing: border-box; }
  .board-write-wrap .toolbar-wrap {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    border-bottom: 1px solid #ccc; }

.board-write-header {
  text-align: center;
  padding: 30px 0 25px;
  margin: 0 30px;
  border-bottom: 1px solid #D1D1D1; }

.board-write-title .Textinput {
  font-size: 20px;
  line-height: 1.4;
  color: #333;
  font-weight: bold;
  text-align: center;
  width: 100%;
  border-width: 0;
  padding: 0; }

.board-write-body {
  padding-bottom: 5px;
  margin: 0 30px; }
  .board-write-body .row {
    display: flex;
    margin-bottom: 10px;
    border-bottom: 1px solid #D1D1D1; }
  .board-write-body .col {
    text-align: left;
    min-height: 37px;
    padding: 0 10px;
    font-size: 13px;
    color: #333;
    display: flex;
    align-items: center; }
  .board-write-body .col-header {
    word-break: keep-all;
    flex: none;
    min-width: 140px;
    padding-left: 15px;
    background-color: #EDEDED;
    font-weight: bold; }
  .board-write-body .col-data {
    flex: 1; }
    .board-write-body .col-data [type="radio"] + label {
      margin-right: 10px; }

.board-write-fileuploader {
  padding-bottom: 20px; }
  .board-write-fileuploader .Textinput {
    line-height: 30px;
    height: 30px;
    margin-top: 7px;
    width: 100%;
    box-sizing: border-box; }

.ico-btn {
  display: inline-block;
  background-image: url(../lib/alopex/images/glyphicons-skens.png);
  background-size: 469px 321px; }
  .ico-btn-cancel {
    width: 18px;
    height: 18px;
    background-position: -360px -170px; }

/*
 * Paging Wrap
 */
.paging-wrap {
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  margin-top: 10px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  padding: 5px 0; }
  .paging-wrap .paging-left {
    flex: 1;
    text-align: left; }
  .paging-wrap .paging-center {
    flex: none; }
  .paging-wrap .paging-right {
    flex: 1;
    text-align: right; }
  .paging-wrap .paging-center-area {
    flex: none;
    text-align: center; }
  .paging-wrap .paging-left-area {
    flex: 1;
    text-align: left;
    line-height: 30px; }
    .paging-wrap .paging-left-area b {
      color: #F72B4E; }
  .paging-wrap .paging-right-area {
    flex: 1;
    text-align: right; }
  .paging-wrap .Select {
    padding-top: 3px;
    padding-bottom: 5px;
    height: 30px;
    background-position-y: 12px; }
.paging-wrap .toolbar-left {
	flex:1;
	text-align: left;
}
.paging-wrap .toolbar-right {
	flex:1;
	text-align: right;
}
.board-list + .paging-wrap {
  padding: 10px 0; }

/* 
 * Board - 리스트
 */
.board-list > table {
  text-align: left;
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
  vertical-align: middle;
  border-top: 1px solid #333; }

.board-list tr {
  transition: background-color .3s; }

.board-list tr:hover {
  background-color: #fafafa; }

.board-list th, .board-list td {
  box-sizing: border-box;
  height: 32px;
  padding: 8px 10px 10px;
  vertical-align: middle; }

.board-list th {
  font-size: 13px;
  line-height: 1.4;
  color: #fff;
  font-weight: bold;
  background-color: #A4B0BF;
  text-align: center; }
  .board-list th:first-child {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: center; }

.board-list td {
  font-size: 13px;
  line-height: 1.4;
  color: #666;
  border-bottom: 1px solid #E4E4E4;
  text-align: center; }
  .board-list td:first-child {
    padding-top: 10px;
    padding-bottom: 8px;
    padding-left: 15px;
    text-align: center; }

.board-list tbody tr:nth-child(even) {
  background-color: #FBFBFB; }

.board-list tr.board-item-fixed {
  background-color: #FFFAFA;
  border-top: 1px solid #E4E4E4;
  border-bottom: 1px solid #E4E4E4; }
  .board-list tr.board-item-fixed .board-item-title {
    font-weight: bold; }

.board-list tbody tr.board-item-checked {
  background-color: #F5F5F5; }

.board-list th.board-col-user,
.board-list th.board-col-kpx {
  background-color: #FA625A;
  border-color: #D94941; }

.board-list td.board-col-title {
  text-align: left; }

.board-list .board-item-status-urgency {
  color: #FA625A;
  font-weight: bold; }

.board-list .board-item-title-wrap {
  display: inline-block;
  position: relative;
  padding-left: 24px;
  vertical-align: middle;
  max-width: 100%;
  box-sizing: border-box; }

.board-list .board-item-title-right {
  float: right; }

.board-list .board-item-title {
  font-size: 14px;
  color: #333;
  letter-spacing: -0.46px;
  text-decoration: none;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  vertical-align: top; }
  .board-list .board-item-title:hover {
    text-decoration: underline; }

.board-list .Dateinput > input {
  width: 100%; }

.board-list .ico-board-new {
  position: absolute;
  left: 0;
  top: calc(50% - 10px);
  height: 20px; }

.board-list .ico-board-atch {
  vertical-align: top; }

.ico-board {
  display: inline-block;
  background: url(../../images/board/ico_board.png);
  vertical-align: middle;
  background-size: 90px 90px; }
  .ico-board-new {
    width: 20px;
    height: 20px;
    background-position: 0 0; }
  .ico-board-atch {
    width: 20px;
    height: 20px;
    background-position: -30px 0; }
  .ico-board-info {
    width: 19px;
    height: 19px;
    background-position: -60px 0; }

/*
 * 가이드 안내글
 */
.info-guide,
.main .info-guide {
  margin: 10px 0 10px;
  padding: 10px 10px 10px 30px;
  background-color: #f5f5f5; }
  .info-guide .info-item,
  .main .info-guide .info-item {
    line-height: 1.4;
    margin: 3px 0;
    list-style: disc; }
    .info-guide .info-item b,
    .main .info-guide .info-item b {
      color: #FF0040; }
  .content-guide-short {
	font-size: 12px;
	margin-top: 0; }
	.grid-wrap + .content-guide-short {
		margin-top: -10px;
		margin-bottom: 20px; }

/*
 * 일정 색상 변경 가이드
 * 캘린더 설정 (/css/app/common.css)
 	- 범례 아이콘 : .calendar-wrap .ico-dot-**
 	- 캘린더 색상변경 (선택된 컬러) : .calendar-color-list .selected-color.color-**
 	- 캘린더 색상변경 (컬러 리스트) : .color-radio.color-** label
 * 풀캘린더 (/css/lib/fullcalendar/main.css)
	- Allday : .fc-daygrid-block-event.schd-group*
	- 시간 : .fc-daygrid-dot-event.schd-group* .fc-daygrid-event-dot
 * 메인 캘린더 (/css/app/main.css)
	- 일정 목록 인덱스 : .main .wpt-schedule .sch-info .schd-group*
*/
.calendar-wrap {
  border-top: 1px solid #999999; }
  .calendar-wrap .btn-close {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../../images/board/ico_board.png) -60px -30px;
    border: 0; }
  .calendar-wrap .notice-msg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    border-radius: 2px;
    padding: 12px 25px;
    background-color: #FEF2F1;
    margin-top: 20px; }
    .calendar-wrap .notice-msg .left-area {
      display: -webkit-inline-box;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      -moz-align-items: center;
      align-items: center; }
    .calendar-wrap .notice-msg .msg-txt {
      font-size: 14px;
      color: #FF5249;
      line-height: 1.33;
      display: inline-block;
      vertical-align: middle;
      margin-left: 5px; }

.calendar-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch; }
  .calendar-area .calendar-group {
    flex: 1;
    margin-right: 20px; }
  .calendar-area .list-group {
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 340px;
    padding-top: 20px; }
  .calendar-area .group-header {
    margin-bottom: 20px; }
    .calendar-area .group-header .header-right {
      text-align: right; }
  .calendar-area .group-body {
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100% - 52px); }
  .calendar-area .schedule-box {
    background-color: #F7F7F8;
    border-radius: 2px;
    box-sizing: border-box;
    position: relative; }
    .calendar-area .schedule-box.new-schedule {
      flex: none;
      margin-bottom: 20px; }
      .calendar-area .schedule-box.new-schedule .box-body {
        max-height: 150px; }
    .calendar-area .schedule-box.sticky {
      height: 100px;
      flex-grow: 1; }
  .calendar-area .box-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 15px 20px 0; }
    .calendar-area .box-header .btn-close {
      display: inline-block;
      width: 17px;
      height: 17px;
      background: url(../../images/board/ico_board.png) 0px -60px;
      border: 0; }
    .calendar-area .box-header .txt-title {
      height: 25px;
      border-radius: 13px;
      background-color: #EBEBEC;
      padding: 0 15px;
      box-sizing: border-box; }
      .calendar-area .box-header .txt-title .txt {
        font-size: 14px;
        line-height: 25px;
        font-weight: bold;
        color: #333333; }
      .calendar-area .box-header .txt-title .count-num {
        color: #FF5249; }
  .calendar-area .box-body {
    height: 100%;
    min-height: 0;
    overflow-y: auto;
    box-sizing: border-box; }
  .calendar-area .schedule-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box; }
  .calendar-area .schedule-item {
    display: table;
    width: 100%;
    padding: 10px 20px;
    position: relative;
    box-sizing: border-box;
    transition: background-color .2s;
    cursor: pointer; }
    .calendar-area .schedule-item:hover {
      background-color: #EAEAEB; }
    .calendar-area .schedule-item::before {
      content: '';
      display: block;
      position: absolute;
      height: 1px;
      top: -1px;
      left: 20px;
      right: 20px;
      border-bottom: 1px dashed #DBDBDB; }
    .calendar-area .schedule-item:first-child {
      border: 0; }
      .calendar-area .schedule-item:first-child::before {
        display: none; }
    .calendar-area .schedule-item .txt-group {
      display: table-cell;
      vertical-align: top;
      padding-left: 10px; }
    .calendar-area .schedule-item .item-title {
      line-height: 1.33;
      color: #333333;
      font-size: 13px;
      word-break: keep-all;
      margin-bottom: 5px; }
    .calendar-area .schedule-item .txt-group:hover .item-title {
      text-decoration: underline; }
    .calendar-area .schedule-item .item-date {
      line-height: 1.33;
      color: #666666;
      font-size: 13px;
      font-weight: bold; }
    .calendar-area .schedule-item .fc-daygrid-block-event {
      display: table-cell;
      width: 4px;
      height: 100%;
      border-radius: 2px;
      margin-right: 10px; }
    .calendar-area .schedule-item .btn-area {
      display: table-cell;
      padding-left: 10px;
      vertical-align: middle;
      white-space: nowrap;
      width: 60px; }
      .calendar-area .schedule-item .btn-area button {
        display: none; }
    .calendar-area .schedule-item:hover .btn-area button {
      display: inline-block; }
  .calendar-area .schedule-date {
    position: sticky;
    top: 0;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 10px;
    background-color: #F7F7F8;
    z-index: 10; }
    .calendar-area .schedule-date .txt-title {
      display: inline-block;
      height: 25px;
      border-radius: 13px;
      background-color: #EBEBEC;
      padding: 0 15px;
      box-sizing: border-box;
      z-index: 10; }
    .calendar-area .schedule-date .date-info {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      line-height: 25px;
      font-weight: bold;
      color: #333333; }
    .calendar-area .schedule-date .txt-today {
      display: inline-block;
      vertical-align: top;
      font-size: 14px;
      line-height: 30px;
      font-weight: bold;
      color: #FF5249; }
    .calendar-area .schedule-date.fixed .txt-title {
      padding: 4px 15px;
      height: 38px;
      border-radius: 19px; }
      .calendar-area .schedule-date.fixed .txt-title .date-info {
        font-size: 20px;
        line-height: 30px; }

.calendar-group .fc-theme-standard .fc-list-day-cushion {
  background-color: #E6E9ED; }

.calendar-group {
  border-top: 1px solid #D9D9D9; }
  .calendar-group .fc-header-toolbar .fc-button-group .fc-button {
    background-color: #F2F2F2;
    border-color: #DDDDDD;
    color: #61687A;
    overflow: hidden;
    min-width: 32px;
    height: 30px;
    padding: 0 10px 2px 10px; }
    .calendar-group .fc-header-toolbar .fc-button-group .fc-button:hover {
      background-color: #e5e5e5;
      color: #61687A; }
  .fc .fc-button-primary:not(:disabled):active:hover,
  .fc .fc-button-primary:not(:disabled).fc-button-active:hover {
    color: #ffffff; }
  .calendar-group .fc-header-toolbar .fc-dayGridMonth-button:hover,
  .calendar-group .fc-header-toolbar .fc-dayGridWeek-button:hover:hover,
  .calendar-group .fc-header-toolbar .fc-dayGridDay-button:hover {
    background-color: #e5e5e5;
    border-color: #DDDDDD; }
  .calendar-group .fc-header-toolbar .fc-button-primary:not(:disabled):active, .calendar-group .fc-header-toolbar .fc-button-primary:not(:disabled).fc-button-active {
    background-color: #FF3D65; }
  .calendar-group .fc-header-toolbar .fc-button-primary:not(:disabled):active {
	background-color: #f5f5f5; }
  .calendar-group .fc-header-toolbar .fc-button-group .fc-button-primary:not(:disabled):active {
	background-color: #FF3D65; }
    .calendar-group .fc-header-toolbar .fc-button-primary:not(:disabled):active:hover, .calendar-group .fc-header-toolbar .fc-button-primary:not(:disabled).fc-button-active:hover {
      border-color: transparent; }
  .calendar-group .fc-header-toolbar .fc-today-button {
    color: #333;
    line-height: 18px;
    padding: 0;
    min-width: 65px;
    border: 1px solid #666;
    background-color: #fff;
    font-size: 13px;
    text-align: center;
    height: 30px;
    padding: 0 10px 2px 10px;
    transition: all .2s; }
  .calendar-group .fc-header-toolbar .fc-today-button:hover,
  .calendar-group .fc .fc-button-primary:hover {
	background-color: #f5f5f5; 
	color: #333;
	}
  .calendar-group .fc-header-toolbar .fc .fc-button:disabled {
	color: #ccc;
    background-color: #f2f2f2;
    border: 1px solid #dfdfdf;
	}

.calendar-wrap .page-toolbar-wrap {
  margin: 10px 0; }

.calendar-wrap .toolbar-group {
  display: flex;
  align-items: center; }

.calendar-wrap .filter-group {
  display: inline-block; }

.calendar-wrap .ico-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  box-sizing: border-box;
  vertical-align: top;
  margin-top: 4px;
  margin-left: 3px; }
  .calendar-wrap .ico-dot-01 {
    background-color: #186FF3; }
  .calendar-wrap .ico-dot-02 {
    background-color: #00CA8D; }
  .calendar-wrap .ico-dot-03 {
    background-color: #FFC24A; }
  .calendar-wrap .ico-dot-04 {
    background-color: #00CA8D; }
  .calendar-wrap .ico-dot-05 {
    background-color: #0B8043; }
  .calendar-wrap .ico-dot-06 {
    background-color: #186FF3; }
  .calendar-wrap .ico-dot-07 {
    background-color: #8E24AA; }
  .calendar-wrap .ico-dot-08 {
    background-color: #616161; }

.color-radio {
  border-radius: 2px;
  outline: 1px solid transparent; }
  .color-radio input[type="radio"] {
    position: absolute;
    left: -9999px;
    top: -9999px;
    display: none; }
    .color-radio input[type="radio"] + label {
      position: relative;
      display: inline-block;
      min-height: 20px;
      padding-left: 20px;
      cursor: pointer;
      border-radius: 2px; }
    .color-radio input[type="radio"] + label::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      box-sizing: border-box;
      width: 20px;
      height: 20px;
      background: transparent;
      border-radius: 0px; }
    .color-radio input[type="radio"]:checked + label::after {
      content: "";
      position: absolute;
      left: 7px;
      top: 3px;
      width: 4px;
      height: 9px;
      border-bottom: 2px solid #fff;
      border-right: 2px solid #fff;
      transform: rotate(45deg);
      border-radius: 0px;
      background: transparent; }
    .color-radio input[type="radio"]:checked + label::before {
      border: 0; }
  .color-radio:hover {
    outline: 1px solid rgba(0, 0, 0, 0.3);
    height: 20px; }
  .color-radio.color-01 label {
    background-color: #ED4963; }
  .color-radio.color-02 label {
    background-color: #F4511E; }
  .color-radio.color-03 label {
    background-color: #FFC24A; }
  .color-radio.color-04 label {
    background-color: #00CA8D; }
  .color-radio.color-05 label {
    background-color: #0B8043; }
  .color-radio.color-06 label {
    background-color: #186FF3; }
  .color-radio.color-07 label {
    background-color: #8E24AA; }
  .color-radio.color-08 label {
    background-color: #616161; }

.calendar-color-list {
  height: 190px;
  border: 1px solid #BFBFBF;
  overflow-y: auto;
  padding: 0;
  margin: 0;
  list-style: none; }
  .calendar-color-list .color-select {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    padding: 0 8px;
    width: 100%;
    cursor: pointer;
    transition: background-color .2s; }
    .calendar-color-list .color-select:hover {
      right: 0;
      background-color: rgba(242, 242, 242, 0.8); }
      .calendar-color-list .color-select:hover .color-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0; }
  .calendar-color-list .color-list {
    display: none; }
  .calendar-color-list .color-item {
    display: inline-block;
    margin: 0 2px;
    height: 20px; }
  .calendar-color-list .selected-color {
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    border-radius: 2px; }
    .calendar-color-list .selected-color.color-01 {
      background-color: #ED4963; }
    .calendar-color-list .selected-color.color-02 {
      background-color: #F4511E; }
    .calendar-color-list .selected-color.color-03 {
      background-color: #FFC24A; }
    .calendar-color-list .selected-color.color-04 {
      background-color: #00CA8D; }
    .calendar-color-list .selected-color.color-05 {
      background-color: #0B8043; }
    .calendar-color-list .selected-color.color-06 {
      background-color: #186FF3; }
    .calendar-color-list .selected-color.color-07 {
      background-color: #8E24AA; }
    .calendar-color-list .selected-color.color-08 {
      background-color: #616161; }
  .calendar-color-list .calendar-color-item {
    position: relative;
    height: 35px;
    border-bottom: 1px solid #BFBFBF;
    box-sizing: border-box;
    padding-left: 45px; }
  .calendar-color-list .calendar-title {
    display: inline-block;
    font-size: 12px;
    color: #333333;
    line-height: 33px;
    vertical-align: middle; }
  .calendar-color-list ul li {
    padding: 0;
    margin: 0;
    list-style: none; }

.form-item-date .form-txt {
  margin-right: 12px; }

.form-item-date .Dateinput {
  margin-right: 5px; }

.ui-datepicker {
  box-sizing: border-box;
  padding: 15px 20px;
  background-color: #FFF; }
  .ui-datepicker.ui-corner-all {
    border-radius: 0;
    border: 2px solid #3A5274; }
  .ui-datepicker .ui-widget-header {
    border-width: 0;
    background: transparent; }
    .ui-datepicker .ui-widget-header .ui-icon {
      width: 12px;
      height: 20px;
      background-image: url("../lib/alopex/images/component_skens.png"); }
    .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-w {
      background-position: 0px -129px; }
    .ui-datepicker .ui-widget-header .ui-icon-circle-triangle-e {
      background-position: -48px -129px; }
  .ui-datepicker .ui-datepicker-prev,
  .ui-datepicker .ui-datepicker-next {
    cursor: pointer; }
  .ui-datepicker .ui-datepicker-title {
    font-size: 17px;
    color: #3A5274; }
  .ui-datepicker .ui-state-default {
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    padding: 10px 3px;
    background-color: #F5F5F5; }
    .ui-datepicker .ui-state-default:hover {
      color: #fff;
      border-color: transparent;
      background-color: #FA625A; }

/* 
 * Comment - 댓글 작성
 */
.write-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 10px 20px;
  margin-top: 20px;
  border: 1px solid #B8C0CC;
  background-color: #F5F5F5; }
  .write-box .comment-title-wrap {
    width: 150px; }
  .write-box .comment-title {
    font-size: 14px;
    color: #333;
    font-weight: bold;
    line-height: 1.33em;
    flex: none;
    margin-right: 30px; }
  .write-box .comment-write-wrap {
    flex: 1;
    margin-right: 8px; }
    .write-box .comment-write-wrap .Textarea {
      width: 100%;
      height: 60px; }
  .write-box .comment-btn-wrap {
    min-width: 75px;
    text-align: center; }
  .write-box .Button {
    min-width: 75px; }
    .write-box .Button.btn-opt {
      min-width: 0; }

.write-box + .atch-box .Table {
  border-top: 0; }

.write-box + .atch-box .Table tbody tr:first-child {
  border-top: 0; }

.write-box + .atch-box .Table tbody tr:first-child th {
  border-top: 0; }

.atch-box .atch-inpt label {
  display: inline-block;
  height: 25px;
  text-align: center;
  min-width: 75px;
  background-color: #fff;
  border-radius: 2px;
  border: 1px solid #505866;
  color: #333333;
  font-size: 12px;
  line-height: 23px;
  box-sizing: border-box; }

.atch-box .atch-inpt input[type="file"] {
  display: none; }

.atch-box .atch-inpt .upload-name {
  margin-left: 10px;
  color: #333333;
  font-size: 13px; }

.atch-box .atch-anchor {
  display: inline-block;
  line-height: 1.33;
  font-size: 13px;
  text-decoration: underline;
  color: #0090DE; }

/*
 * Popup
 */
.Dialog .pop-wrap {
  padding-top: 0; }

.pop-wrap .pop-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 48px;
  box-sizing: border-box;
  background-color: #6C7489;
  padding: 0 20px;
  position: sticky;
  top: 0;
  z-index: 100; }
  .pop-wrap .pop-header .pop-title {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.33;
    color: #fff; }

.pop-wrap .pop-body {
  padding: 0 20px; }
  .pop-wrap .pop-body .functionbar, .pop-wrap .pop-body .viewinfobar {
    /* margin-top: 20px;  */
    }

.pop-wrap .pop-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  .pop-wrap .pop-footer .footer-center {
    flex: 1;
    text-align: center; }

.Table-wrapper .form-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .Table-wrapper .form-list .form-item {
    margin: 5px 0; }
    .Table-wrapper .form-list .form-item > * {
      vertical-align: middle; }
    .Table-wrapper .form-list .form-item-date.active {
      display: none; }

.Table-wrapper .srch-list-wrap .srch-list {
  margin: 0;
  padding: 0;
  list-style-type: none; }

.Table-wrapper .srch-inpt {
  display: flex;
  margin-bottom: 4px; }
  .Table-wrapper .srch-inpt .Textinput {
    width: 300px; }
  .Table-wrapper .srch-inpt .Autocomplete input {
    width: 300px; }
  .Table-wrapper .srch-inpt .Button {
    margin-left: 4px; }

.Table-wrapper .srch-list-wrap {
  display: flex;
  align-items: flex-end; }
  .Table-wrapper .srch-list-wrap .srch-list {
    width: 300px;
    box-sizing: border-box;
    border: 1px solid #AFB3B8;
    border-radius: 2px;
    overflow-y: auto; }
  .Table-wrapper .srch-list-wrap .srch-item {
    margin: 4px; }
  .Table-wrapper .srch-list-wrap .Button {
    margin-left: 4px; }

/* Dialog */
.Dialog .dialog-table-wrap {
  padding-bottom: 10px; }
  .Dialog .dialog-table-wrap:nth-last-of-type(1) {
    padding-bottom: 0; }

.Dialog .af-tabs-content .cpnt-toolbar-wrap {
  margin-top: 10px; }

/*
 * Loading
 */
/* loading image */
.loading {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  visibility: visible !important; }
  .loading .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    width: 100px;
    height: 100px;
    background-image: url(../../images/common/loading200.gif);
    background-size: contain;
    -webkit-animation: play 0.6s steps(10) infinite;
    -moz-animation: play 0.6s steps(10) infinite;
    -ms-animation: play 0.6s steps(10) infinite;
    -o-animation: play 0.6s steps(10) infinite;
    animation: play 0.6s steps(10) infinite; }
    
    
/* fullcalendar toolbar */
.fc .fc-toolbar.fc-header-toolbar {
    margin-top: 20px;
    margin-bottom: 20px; }
.fc .fc-toolbar-title {
    display: inline-block;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    vertical-align: middle; }
.fc .fc-header-toolbar .fc-prev-button, 
.fc .fc-header-toolbar .fc-next-button {
    width: 32px;
    height: 32px;
    padding: 0;
    margin-left: 15px;
    margin-right: 15px;
    background-color: transparent;
    border-width: 0; }
.fc .fc-header-toolbar .fc-prev-button:hover, 
.fc .fc-header-toolbar .fc-prev-button:active, 
.fc .fc-header-toolbar .fc-prev-button:not(:disabled):active, 
.fc .fc-header-toolbar .fc-prev-button:not(:disabled).fc-button-active, 
.fc .fc-header-toolbar .fc-prev-button:focus,
.fc .fc-header-toolbar .fc-prev-button:active:not(:disabled):active:focus, 
.fc .fc-header-toolbar .fc-prev-button:not(:disabled).fc-button-active:focus, 
.fc .fc-header-toolbar .fc-next-button:hover, 
.fc .fc-header-toolbar .fc-next-button:active, 
.fc .fc-header-toolbar .fc-next-button:not(:disabled):active, 
.fc .fc-header-toolbar .fc-next-button:not(:disabled).fc-button-active, 
.fc .fc-header-toolbar .fc-next-button:focus, 
.fc .fc-header-toolbar .fc-next-button:not(:disabled):active:focus, 
.fc .fc-header-toolbar .fc-next-button:not(:disabled).fc-button-active:focus {
    background-color: transparent; }
.fc .fc-header-toolbar .fc-prev-button .fc-icon, 
.fc .fc-header-toolbar .fc-next-button .fc-icon {
    font-size: 24px;
    color: #666;
    vertical-align: top;
    margin-top: 2px; }
/* fullcalendar cell */
.fc-day-sun .fc-col-header-cell-cushion, 
.fc-day-sun .fc-daygrid-day-number {
    color: #EA2C3F; }
.fc-day-sat .fc-col-header-cell-cushion,
.fc-day-sat .fc-daygrid-day-number {
    color: #0868E3; }
.fc .fc-daygrid-day-bg .fc-non-business {
	background-color: transparent;
}

/* 일정관리 page-toolbar-wrap 오버라이드 */
.calendar-wrap .page-toolbar-wrap {
	margin: 12px 0;
}

.pop-wrap .page-toolbar-wrap {
	margin: 5px 0;
}
.pop-wrap .page-toolbar-wrap .Button.small {
	margin:0;
}

/* 차트 스타일 */
.chartBox {
	background-color: #FAFAFA;
}
.highcharts-container, .highcharts-root {
	width: 100% !important;
}

/* 검색조회 영역 타입 추가 */
.functionbar.functionbar_single {
	font-size: 13px;
    line-height: 1.33;
    color: #666;
    margin-bottom: 20px;
   	padding: 15px 17px;
   	box-sizing: border-box;
	border: 2px solid #999;
	border-radius: 5px;
	background-color: #fff;
    
}
.af-tabs-content .functionbar_single {
	border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.af-tabs-content .functionbar + .functionbar,
.search-box + .search-box .functionbar {
	border: 2px solid #999;
	border-radius: 5px;
}
.functionbar.functionbar_single li {
	list-style: none;
    margin: 0;
    padding: 0;
}
.functionbar.functionbar_single .functionbar-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.functionbar.functionbar_single .form-item-wrap {
	flex: 1;
} 
.functionbar.functionbar_single .functionbar-btn-area {
	text-align: right;
	flex: none;
	margin: 0;
	padding: 0;
	border: 0;
	
}
.functionbar.functionbar_single .functionbar-btn-area .btn_area_left {
	margin-right: 5px;
}
.functionbar.functionbar_single .form-item {
	margin-bottom: 0;
}


/* 오버라이드 */
.board-view-footer .board-link-write-info dd {
	margin-left: 5px;
}
.board-view-atch .board-view-atch-content .atch-contents .atch-btn .Button.btn-atch {
	width: 18px;
	min-width: 18px;
	border: 1px solid #7B889D;
    background-color: #fff;
}

.board-write-fileuploader {
	margin-top: 10px;
}

.board-write-title .Textinput {
	background: transparent;
}

.functionbar .Select {
	padding-bottom: 2px;
}
.functionbar .option_content_box {
	margin: 0 7px;
	display: flex;
	flex-wrap: wrap;
	gap: 5px 0;
}
.functionbar .form-contents .checkbox-type2 {
	margin-right: 5px;
}
.functionbar .form-contents .checkbox-type2:nth-of-type(1) {
	margin-left: 0;
}
.functionbar .option_content_box .checkbox-type1:nth-of-type(1) {
	margin-left: 0;
}
.functionbar .option_content_box .checkbox-type1:last-child .txt {
	margin-right: 5px;
}

.sub-table .cpnt-toolbar-wrap {
	min-height: 30px;
}
.cpnt-toolbar-wrap .toolbar-form-item {
	margin: 0 6px;
}

.cpnt-toolbar-wrap .toolbar-form-item .toolbar-form-title {
	font-size: 13px;
	font-weight: bold;
	color: #333;
}

.cpnt-toolbar-wrap .toolbar-form-item .Dateinput input {
	padding: 0 8px 2px;
}

.cpnt-toolbar-wrap .toolbar-left .toolbar-group {
	margin-right: 14px;
}
.cpnt-toolbar-wrap .toolbar-title-sub {
	font-size: 15px;
	vertical-align: text-top;
}
.cpnt-toolbar-wrap .toolbar-group .toolbar-txt{
	font-size: 13px;
	line-height: 1.4;
	color: #333;
	margin-right: 5px;
}
.all-grids-wrap {
	border-top: 1px dashed #B3B3B3;
	padding-top: 5px;
}
.grid-wrap .grid-title {
	font-size: 14px;
	line-height: 1.33;
	letter-spacing: -0.54px;
	margin: 5px 0;
}
.grid-wrap .guide-txt {
	font-size: 14px;
	line-height: 1.4;
	letter-spacing: -0.54px;
	color: #555;
	margin-top: 7px;
}
.chart-wrap {
	margin-bottom: 20px;
    border: 1px solid #D9D9D9;
    border-radius: 4px;
	background-color: #FAFAFA;
}
.content-header .guide-msg-wrap:empty {
	display: none;
}

.guide-msg-wrap:empty {
	display: none;
}

.columnview-content .column-item.default {
	color: #5a7697;
}
.columnview-content .column-item.default.Disabled {
	color: #B3B3B3;
	border: 0;
    background: none;
}
.chartoption-wrap .chartoption-row:nth-last-of-type(1) {
	border-bottom: 0;
}
/* GNB 오버라이드 */
.gnb-list li.gnb-item .gnb-anchor {
	font-weight: normal;
	letter-spacing: -0.54px;
	padding: 0 15px;
}
.gnb-list .sub-anchor .txt {
	letter-spacing: -0.58px;
}

.content-guide-short {
	margin-top: 3px;
}
/* 팝업 타이틀 영역 오버라이드 */
.popup .contents > .cpnt-toolbar-wrap:first-child {
	margin-top: 0;
}
.popup .contents .search-box + .cpnt-toolbar-wrap {
	margin-top: 0;
}

/* skes-layout.css 오버라이드  */
.sub-table {
	display: flex;
}
.sub-table-left {
	margin-right: 10px;
}

.Tabs > .Scroller {
	margin-bottom: 10px;
}
.subtabs > .Scroller {margin-bottom: 10px;}
.subtabs .af-tabs-button-group::before {content: none;}
.subtabs > ul > li,
.subtabs > .Scroller > ul > li {
	color: #FFFFFF;
	font-size: 14px;
	min-width: 0;
	height: 30px;
	border-width: 0;
	border-radius: 15px;
	margin-bottom: 0;
	padding: 5px 15px;
	background-color: #A8AEC3;
}
.subtabs > ul > li:hover, 
.subtabs > .Scroller > ul > li:hover, 
.subtabs > ul > li:active, 
.subtabs > .Scroller > ul > li:active {
	color: #FFFFFF;
	background-color: #A8AEC3;
}
.subtabs > ul > li.Selected, 
.subtabs > .Scroller > ul > li.Selected,
.subtabs > ul > li.Selected:hover, 
.subtabs > .Scroller > ul > li.Selected:hover {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	border-width: 0;
	background-color: #2D5195;
}
.Tabs.Fixed > ul > li, 
.Tabs.Fixed > .Scroller > ul > li {
	min-width: 0;
}

.grid-wrap .functionbar {
	border-width: 1px;
}
.table-layout-wrap {
	display: grid;
	grid-template-columns: 7fr 7fr 5fr;
	column-gap: 10px;
}
.table-layout-wrap .sub-table-left {margin-right: 0;}
.table-layout-wrap .sub-table-left,
.table-layout-wrap .sub-table-center,
.table-layout-wrap .sub-table-right {
	display: flex;
	flex-direction: column;
}
.table-layout-wrap .sub-table-fix {
	flex: none;
}
.table-layout-wrap .sub-table-auto {
	flex: auto;
}
.table-layout-wrap .functionbar {
	border-width: 1px;
	padding: 10px 15px;
	margin-bottom: 10px;
}
.table-layout-wrap #grListVar {
	margin-bottom: 10px;
}
.table-layout-wrap .cpnt-toolbar-wrap,
.grid-wrap .cpnt-toolbar-wrap {
	margin-top: 0;
	margin-bottom: 5px;
}
.table-layout-wrap .grid-wrap {
	margin-bottom: 0;
}
.table-layout-wrap .form-item {
	display: flex;
	align-items: stretch;
	margin: -1px 0 0;
	padding: 0;
	border-radius: 0;
	border-top: 1px solid #B3B3B3;
	border-bottom: 1px solid #B3B3B3;
	background-color: #FFFFFF;
}
.table-layout-wrap .form-title {
	flex: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 3px 5px;
	margin-right: 0;
	width: 130px; /* 110px; */
	line-height: 1.2em;
	background-color: #F2F2F2;
}
.table-layout-wrap .sub-table-center .form-title {width: 110px;}
.table-layout-wrap .form-title-txt {
}
.table-layout-wrap .form-contents {
	flex: 1;
	box-sizing: border-box;
	padding: 3px 5px;
}
.table-layout-wrap .form-content-box {width: 100%;}
.table-layout-wrap .form-contents .Textinput {width: 100%;}
.table-layout-wrap .form-contents .Select {width: 100%;}

@media print {
  #noprint { 
	display:none;
	}

}