@charset "UTF-8";
/* main */
.main .bx_sel {
  width: 360px;
  height: 60px;
}

.main .bx_sel select {
  padding-left: 18px;
  font-size: 16px;
  color: #262626;
}

[class^="bx_shadow"] {
  margin-top: 25px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.bx_shadow_blue {
  background: #dcebef;
  border: 1px solid #becbd5;
}

.state_wrap {
  position: relative;
  height: 236px;
  padding: 43px 120px 47px 490px;
}

.state_wrap:after {
  content: '';
  display: block;
  clear: both;
}

/* 에러페이지 */
.error__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1000px;
  margin: 140px auto 0;
}

.error__wrap .error__left {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  width: 530px;
  height: 530px;
  background: url(../images/error_bg.png) center top no-repeat;
  background-size: contain;
}

.error__wrap .error__left h1 {
  font-size: 90px;
  text-align: center;
  font-weight: bold;
  color: #F05757;
  padding-top: 60px;
}

.error__wrap .error__right {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  padding-left: 30px;
  font-size: 20px;
  color: #232323;
  line-height: 1.5;
}

.error__wrap .error__right p {
  font-size: 18px;
}

.bx_info {
  position: absolute;
  top: 50%;
  left: 120px;
  margin-top: -87px;
  padding: 68px 0 55px;
  width: 174px;
  height: 174px;
  border-radius: 50%;
  background: #f2f0f0;
  text-align: center;
}

.bx_info strong {
  color: #262626;
  font-size: 24px;
  font-weight: 600;
}

.bx_info p {
  margin-top: 10px;
  color: #5d5d5d;
}

.bx_state {
  float: left;
  width: 46%;
}

.bx_state + .bx_state {
  margin-left: 8%;
}

.bx_state .state_tit {
  color: #262626;
  font-size: 18px;
  font-weight: 600;
}

.state_list {
  margin-top: 15px;
  border-top: 1px solid #dcdcdc;
}

.state_list li {
  margin-top: 6px;
}

.state_list li:after {
  content: '';
  display: block;
  clear: both;
}

.state_list li:first-child {
  margin-top: 15px;
}

.state_li_tit {
  float: left;
  width: calc(100% - 70px);
  line-height: 25px;
  color: #141414;
}

.state_list [class^="lb_"] {
  float: right;
  padding: 0;
  width: 66px;
  height: 26px;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
}

/* main label */
.lb_bl2_full {
  color: #fff;
  background: #31a0df;
}

/* 완료 */
.lb_org_full {
  color: #fff;
  background: #f15626;
}

/* 진행중 */
.lb_gy2_full {
  color: #fff;
  background: #969696;
}

/* 대기 */
/* timeline */
.bx_schedule {
  position: relative;
  padding: 35px 70px 35px 250px;
}

.schedule_tit {
  position: absolute;
  top: 48%;
  left: 70px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.schedule_tit p {
  color: #232323;
  font-size: 17px;
}

.schedule_tit strong {
  display: block;
  margin-top: 10px;
  color: #454545;
  font-size: 24px;
  font-weight: 600;
}

.schedule_timeline {
  position: relative;
  margin-top: 47px;
}

.schedule_timeline:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 92%;
  height: 1px;
  background: #9cabb4;
}

.schedule_timeline:after {
  content: '';
  display: block;
  clear: both;
}

.schedule_timeline li {
  float: left;
  position: relative;
  margin-top: 14px;
  width: 7.69%;
  text-align: center;
}

.schedule_timeline li:before {
  content: '';
  display: block;
  position: absolute;
  top: -18px;
  left: 50%;
  margin-left: -4.5px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #a2a2a2;
}

.schedule_timeline .month {
  color: #232323;
  font-size: 13px;
  font-weight: 200;
}

.schedule_timeline .txt {
  position: absolute;
  bottom: 47px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  color: #232323;
  font-size: 13px;
  font-weight: 200;
  letter-spacing: -0.5px;
}

.schedule_timeline li.dot_blue:before {
  background: #3475ce;
}

.schedule_timeline li.dot_sky:before {
  background: #2bb1d2;
}

.schedule_timeline li.dot_orange:before {
  background: #f15626;
}

.schedule_timeline li.dot_gray:before {
  background: #666;
}

/* timeline dot color */
/* calendar */
.fc-view-container * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.fc-view-container *:before, .fc-view-container *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.calendar_wrap:after {
  content: '';
  display: block;
  clear: both;
}

/* sub calendar */
.bx_sub_calendar {
  float: left;
  width: 260px;
  padding: 40px 35px;
}

.sub_calendar + .sub_calendar {
  margin-top: 70px;
}

.sub_calendar .fc-center h2 {
  color: #262626;
  font-size: 16px;
  font-weight: 600;
}

.sub_calendar .fc-toolbar {
  margin-bottom: 10px;
}

.sub_calendar .fc-row.fc-widget-header {
  border-right: 0;
  margin-right: 0 !important;
}

.sub_calendar.fc th {
  border: 0;
  text-align: center;
}

.sub_calendar.fc td {
  border: 0;
  text-align: center;
  height: 28px;
  color: #555;
  vertical-align: middle;
}

.sub_calendar.fc td.fc-sun {
  color: #ff6554;
}

.sub_calendar.fc td.fc-sun.fc-other-month {
  color: #ff6554;
  opacity: 0.3;
}

.sub_calendar .fc-day-header {
  color: #999;
}

.sub_calendar .fc-day-header.fc-sun {
  color: #ff6554;
}

.sub_calendar .fc-basic-view .fc-body .fc-row {
  min-height: auto;
}

.sub_calendar.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: none;
}

.sub_calendar .fc-body .fc-row {
  height: 28px !important;
}

.sub_calendar .fc-row .fc-content-skeleton {
  padding-bottom: 0;
}

.sub_calendar.fc-unthemed .fc-today {
  background: none;
}

/* .sub_calendar.fc td.fc-other-month {color:#ccc;opacity:1} */
/* main calendar */
.bx_calendar {
  float: left;
  padding: 40px;
  width: calc(100% - 260px);
  border-left: 1px solid #e8e8e8;
}

.bx_calendar .fc-center h2 {
  margin: 0 70px;
  color: #111;
  font-size: 18px;
  line-height: 37px;
}

.bx_calendar .fc-toolbar .fc-center {
  vertical-align: middle;
}

.bx_calendar .fc button {
  padding: 0;
  width: 42px;
  height: 38px;
  background-image: url("../images/btn_full_calendar.png");
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-color: #fff;
}

.bx_calendar .fc-prev-button {
  background-position: 0 0;
}

.bx_calendar .fc-next-button {
  margin-left: 0;
  background-position: -47px 0;
}

.bx_calendar .fc-state-default {
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
}

.bx_calendar .fc-state-default.fc-corner-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.bx_calendar .fc-state-default.fc-corner-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.bx_calendar .fc-icon-left-single-arrow:after {
  display: none;
}

.fc-icon-right-single-arrow:after {
  display: none;
}

.bx_calendar .fc-day-header {
  padding: 12px 0;
  color: #a7a7a7;
}

.bx_calendar .fc-day-header.fc-sun {
  color: #f05050;
}

.bx_calendar .fc-head th,
.bx_calendar .fc-head td {
  border: 0;
}

.bx_calendar .fc-unthemed td {
  border-color: #d7d7d7;
}

.bx_calendar .fc-day-number {
  margin: 9px 14px;
  color: #444;
}

.bx_calendar .fc-sun .fc-day-number {
  color: #f05050;
}

.bx_calendar .fc-unthemed .fc-today {
  background: none;
}

.bx_calendar .fc-unthemed .fc-today .fc-day-number {
  margin: 8px 6px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #313131;
  color: #fff;
  text-align: center;
  line-height: 25px;
}

.bx_calendar tr > td > .fc-day-grid-event {
  margin: 0;
  height: 28px;
  text-align: center;
  border-radius: 20px;
}

.bx_calendar tr:not(:first-of-type) > td > .fc-day-grid-event {
  margin-top: 2px;
}

.bx_calendar .fc-title {
  font-size: 13px;
  color: #fff;
  line-height: 26px;
}

/* day grid event */
/* login */
.login_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 613px;
  height: 752px;
  background: url("../images/login_bg.png") no-repeat;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.login_wrap .login {
  width: 100%;
}

.login_wrap .login .inner {
  width: 100%;
  height: 100%;
  padding: 340px 130px 0px 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.login .bg {
  position: absolute;
  top: 40px;
  left: 35px;
  width: 164px;
}

.login .title {
  margin-bottom: 58px;
  color: #565656;
  font-size: 34px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -0.5px;
}

.login .inp_wrap div {
  margin-bottom: 17px;
}

.login .inp_wrap label {
  font-size: 13px;
  color: #ffffff;
}

.login input {
  width: 100%;
  margin-top: 5px;
  padding: 0 13px;
  height: 40px;
  border: 0;
  border-radius: 40px;
}

.login .inp_wrap input::-webkit-input-placeholder {
  color: #d6d6d6;
  font-size: 18px;
}

.login .inp_wrap input:-ms-input-placeholder {
  color: #d6d6d6;
  font-size: 18px;
}

.login .inp_wrap input::-ms-input-placeholder {
  color: #d6d6d6;
  font-size: 18px;
}

.login .inp_wrap input::placeholder {
  color: #d6d6d6;
  font-size: 18px;
}

.login .inp_wrap .chk_box {
  position: relative;
  margin-bottom: 60px;
}

.login .inp_wrap .chk_box input {
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
  border: none;
}

.login .inp_wrap .chk_box label {
  color: #5d5d5d;
}

.login .chk_box input + label {
  padding-left: 25px;
}

.login .chk_box input + label:before {
  width: 18px;
  height: 18px;
  background: url("../images/chk_typ1.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 -22px;
}

.login .chk_box input:checked + label:before {
  background-position: 0 0;
}

.login .btn_ok {
  display: block;
  width: 100%;
  height: 50px;
  border-radius: 50px;
  background: #ffffff;
  color: #00A2F6;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* login 체크박스 */
/* 버튼 */
/* tab search box*/
.bx_tab .bx_srch {
  float: right;
}

/* pop_keeper_add popup */
.pop_cont_typ1 .bx_srch {
  margin-right: 5px;
  width: 305px;
}

.pop_cont_typ1 .bx_srch input {
  height: 44px;
}

.pop_cont_typ1 .btn_srch {
  height: 44px;
}

.pop_cont_typ1 .bx_sel {
  margin-right: 5px;
  width: 155px;
  height: 44px;
}

.pop_cont_typ1 .bx_sel:before {
  right: 13px;
}

.pop_cont_typ1 .btn_wrap {
  margin-top: 0;
}

.pop_cont_typ1:after {
  content: '';
  display: block;
  clear: both;
}

.pop_cont_typ1 > div {
  float: left;
}

.pop_cont_typ1 .bx_pop_tbl {
  position: relative;
  padding-top: 52px;
  margin-top: 15px;
  width: 100%;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  clear: both;
}

.pop_cont_typ1 .bx_tbl {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 364px;
}

.pop_cont_typ1 .fixed_top {
  display: inline-table;
  position: absolute;
  top: 0;
  width: 100%;
}

.pop_cont_typ1 tr:hover {
  background: #ebf5fa;
}

.pop_cont_typ1 th {
  padding: 0 10px;
  height: 50px;
  font-weight: 400;
  color: #4c4c4c;
  border-top: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  background: #f5f5f5;
}

.pop_cont_typ1 .before p {
  color: #4c4c4c;
}

.pop_cont_typ1 td {
  padding: 0 10px;
  height: 50px;
  color: #4c4c4c;
  border-bottom: 1px solid #eaeaea;
  text-align: center;
}

.pop_cont_typ1 td label {
  padding-left: 22px;
}

.pop_cont_typ1 .after td:nth-child(1) {
  position: relative;
  padding: 13px 0;
}

.pop_cont_typ1 .after td:nth-child(2) {
  text-align: left;
}

/* popup table */
.cell1 {
  width: 74px;
}

.cell2 {
  width: 177px;
}

.cell3 {
  width: 104px;
}

.cell4 {
  width: 185px;
}

/* pop_code_add, pop_code_modify popup */
.pop_cont_typ2 .bx_pop_tbl {
  margin-top: 9px;
}

.pop_cont_typ2 .pop_tbl {
  border-top: 1px solid #eaeaea;
}

.pop_cont_typ2 .pop_tbl th {
  padding: 0 14px;
  color: #4c4c4c;
  font-weight: 400;
  border-bottom: 1px solid #eaeaea;
  background: #f5f5f5;
  text-align: left;
}

.pop_cont_typ2 .pop_tbl th label {
  color: #4c4c4c;
}

.pop_cont_typ2 .pop_tbl td {
  padding: 5px 10px;
  color: #4c4c4c;
  border-bottom: 1px solid #eaeaea;
}

.pop_cont_typ2 .pop_tbl input {
  height: 40px;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pop_cont_typ2 .pop_tbl textarea {
  width: 100%;
  height: 136px;
  resize: none;
  border: 1px solid #e5e5e5;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.pop_cont_typ2 .btn_wrap {
  margin-top: 20px;
}

.pop_cont_typ2 .btn_wrap:after {
  content: '';
  display: block;
  clear: both;
}

/* system_code_list */
.bx_surf {
  position: absolute;
  right: 40px;
  top: 22px;
}

.bx_surf:after {
  content: '';
  display: block;
  clear: both;
}

.bx_surf > div {
  float: left;
}

.bx_surf .bx_sel {
  margin-right: 5px;
  width: 215px;
  height: 48px;
}

.tbl_typ1 img {
  width: 8px;
  height: 8px;
  vertical-align: 4px;
  margin-left: 30px;
}

/* KPI 관리 */
.bx_top {
  position: relative;
  padding: 30px 30px 14px;
  background: #fff;
  border: 1px solid #eaeaea;
  border-width: 1px 1px 0 1px;
  border-radius: 5px 5px 0 0;
}

/*position 추가*/
.bx_tbl .btn_file_wrap {
  margin: -5px 0 10px 0;
  text-align: right;
}

/* 조직도가 있을 경우 상단 영역 */
.bx_top .tit_h3 {
  margin-top: 10px;
}

.bx_top [class^="tit"] + .date_load {
  position: absolute;
  top: 30px;
  right: 30px;
}

.bx_top .date_load {
  margin-bottom: 10px;
  float: right;
}

.bx_top .date_load .date_txt {
  margin-right: 4px;
  color: #444444;
}

.bx_top .date_load .bx_sel {
  width: 215px;
}

.bx_top .date_load .bx_sel + .bx_sel {
  margin-left: 7px;
}

.th_btn {
  padding: 15px 0 11px !important;
}

.th_btn button {
  display: block;
  margin: 0 auto;
  margin-top: 5px;
}

.tbl_info_txt {
  display: inline-block;
  color: #191919;
  font-weight: 600;
}

/* 상단 select-box 있을 경우 */
.bx_wrap .date_load {
  position: absolute;
  top: 30px;
  right: 30px;
}

.bx_wrap .date_load .date_txt {
  margin-right: 4px;
  color: #444;
}

.bx_wrap .date_load .bx_sel {
  width: 215px;
}

.bx_wrap .date_load .bx_sel + .bx_sel {
  margin-left: 7px;
}

/* 평가기본정보  */
.bx_bl {
  position: relative;
  height: 60px;
  line-height: 58px;
  background: #d0eef3;
  text-align: center;
}

.bx_bl strong {
  color: #4c4c4c;
  font-size: 22px;
  font-weight: bold;
}

.txtarea_wrap .bx_attach {
  padding: 14px 10px;
  height: 60px;
  border-top: 1px solid #eaeaea;
  background: #f5f5f5;
  line-height: 32px;
}

.tbl_typ1 .bx_attach {
  text-align: left;
}

.bx_attach .file_srch {
  position: static;
  margin-right: 20px;
  width: 120px;
  -webkit-transform: none;
          transform: none;
}

.bx_attach .file_txt {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  font-size: 13px;
  color: #999;
  letter-spacing: -0.5px;
}

.bx_attach .file_txt + .file_txt {
  margin-left: 12px;
}

.bx_attach a.fc_bl {
  font-size: 13px;
}

.bx_attach a.fc_bl:not(:first-of-type) {
  margin-left: 10px;
  padding-left: 13px;
  background: url("../images/icon_bar.png") no-repeat 0% 51%;
}

.bx_attach a.fc_bl:after {
  display: none;
}

.txtarea_wrap .bx_attach.typ1 {
  height: auto;
  padding: 14px 10px;
  line-height: 24px;
}

.bx_attach.typ1 a.fc_bl:not(:first-of-type) {
  margin: 0;
  padding: 0;
  background: none;
}

.txtarea_wrap {
  border: 1px solid #eaeaea;
}

.bx_txtarea {
  padding: 17px 10px 17px 18px;
  height: 170px;
}

.bx_txtarea textarea {
  overflow: hidden;
  padding: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-color: transparent;
  color: #4c4c4c;
}

[class^="bx_col_"]:after {
  content: '';
  display: block;
  clear: both;
}

.col_li {
  float: left;
}

.col_li.h_fix {
  overflow-y: auto;
  height: 510px;
}

.col_li .bx_tree {
  height: 510px;
}

.bx_col_2.typ1 .col_li:first-child {
  width: 290px;
}

.bx_col_2.typ1 .col_li + .col_li {
  margin-left: 30px;
  width: calc(100% - 320px);
}

.bx_col_2.typ2 .col_li:first-child {
  width: 36%;
}

.bx_col_2.typ2 .col_li:last-child {
  margin-left: 30px;
  width: calc(64% - 30px);
}

.bx_col_2.typ3 .col_li:first-child {
  width: 25%;
}

.bx_col_2.typ3 .col_li:last-child {
  margin-left: 30px;
  width: calc(75% - 30px);
}

.bx_col_2.typ4 .col_li:first-child {
  width: 66%;
}

.bx_col_2.typ4 .col_li + .col_li {
  margin-left: 20px;
  width: calc(34% - 20px);
}

.bx_col_2.typ5 .col_li {
  width: calc((100% - 20px) / 2);
}

.bx_col_2.typ5 .col_li:not(:first-of-type) {
  margin-left: 20px;
}

.bx_col_2.typ6 .col_li:first-child {
  width: 56.6%;
}

.bx_col_2.typ6 .col_li:last-child {
  margin-left: 74px;
  width: calc(43.4% - 74px);
}

.bx_col_2.typ7 .col_li:first-child {
  width: 460px;
}

.bx_col_2.typ7 .col_li:last-child {
  margin-left: 20px;
  width: calc(100% - 480px);
}

.bx_col_2.typ8 .col_li {
  padding: 30px 30px 0;
}

.bx_col_2.typ8 .col_li:first-child {
  width: 19.5%;
}

.bx_col_2.typ8 .col_li:last-child {
  margin-left: 1%;
  width: calc(100% - 21.5%);
}

.bx_col_2.typ9 .col_li:last-child {
  margin-left: 50px;
  padding-top: 30px;
  width: calc(100% - 340px);
}

.bx_col_2 .bx_col_2.typ1 {
  margin-top: 40px;
}

.bx_col_2 .bx_col_2.typ1 .col_li:first-child {
  width: calc(100% - 738px);
}

.bx_col_2 .bx_col_2.typ1 .col_li:last-child {
  width: 708px;
}

.bx_col_3 .col_li {
  width: calc((100% - 20px) / 3);
}

.bx_col_3 .col_li:not(:first-of-type) {
  margin-left: 10px;
}

.bx_col_3.typ1 .col_li:first-child {
  width: 750px;
}

.bx_col_3.typ1 .col_li + .col_li {
  margin-left: 10px;
  width: calc((100% - 770px) / 2);
}

.bx_col_3.typ2 .col_li {
  width: calc((100% - 20px) / 3);
}

.bx_col_3.typ2 .col_li + .col_li {
  margin-left: 10px;
}

.bx_col_4 .col_li {
  width: calc((100% - 25%) / 3);
}

.bx_col_4 .col_li:not(:first-of-type) {
  margin-left: 0.7%;
}

.bx_col_4 .col_bl {
  padding: 34px 0 36px;
  width: 22.9%;
  height: 122px;
  background: #e8f2f7;
  border: 1px solid #d4e4ec;
  text-align: center;
}

.bx_col_4 .col_bl p {
  color: #4c4c4c;
}

.bx_col_4 .col_bl strong {
  display: block;
  margin-top: 10px;
  color: #4c4c4c;
  font-size: 24px;
  font-weight: bold;
}

.bx_col_4.typ1 .col_li .bx_txtarea {
  height: 180px;
}

.bx_col_4.typ2 .col_li:first-child .bx_txtarea,
.bx_col_4.typ3 .col_li:first-child .bx_txtarea {
  height: 204px;
}

.bx_col_4.typ1 .col_li:not(:first-child) .bx_txtarea,
.bx_col_4.typ2 .col_li:not(:first-child) .bx_txtarea,
.bx_col_4.typ3 .col_li:not(:first-child) .bx_txtarea {
  height: 257px;
}

.bx_col_4.typ1 .col_li {
  width: calc((100% - 2.1%) / 4);
}

.bx_col_4.typ2 .col_li {
  width: calc((100% - 1.4%) / 3);
}

.bx_col_4.typ2 .col_li:nth-child(4) {
  display: none !important;
}

.bx_col_4.typ3 .col_li {
  width: calc((100% - 0.7%) / 2);
}

.bx_col_4.typ3 .col_li:nth-child(3), .bx_col_4.typ3 .col_li:nth-child(4) {
  display: none !important;
}

.bx_bl + [class^="bx_col_"] {
  margin-top: 60px;
}

.bx_tbl + [class^="bx_col_"] {
  margin-top: 50px;
}

.col_srch .bx_srch {
  width: 275px;
  margin-bottom: 25px;
}

/* canvas */
.canvas_wrap {
  position: relative;
  overflow: hidden;
}

.canvas_wrap .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* tooltip */
.bx_tooltip {
  display: inline-block;
  position: relative;
  margin-left: 4px;
  vertical-align: text-bottom;
  z-index: 100;
}

.btn_tooltip {
  margin-left: -3px;
  width: 25px;
  height: 28px;
  background: url("../images/btn_tooltip.png") no-repeat center;
  background-size: 15px auto;
  vertical-align: text-bottom;
}

.tooltip_cont {
  display: none;
  padding: 26px 19px 38px;
  position: absolute;
  left: 33px;
  top: 0;
  width: 240px;
  border: 1px solid #d8d8d8;
  -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
  background: #fff;
}

.btn_tooltip:hover + .tooltip_cont {
  display: block;
}

/* .bx_tooltip.on .tooltip_cont {display:block} */
.tooltip_tit {
  font-size: 15px;
  font-weight: 600;
  color: #4c4c4c;
  text-align: center;
}

.tooltip_tbl {
  margin-top: 11px;
  border-top: 1px solid #2a8fb9;
  border-bottom: 1px solid #eaeaea;
}

.tooltip_tbl th {
  padding: 5px 0;
  font-weight: 400;
  color: #4c4c4c;
  background: #f5f5f5;
}

.tooltip_tbl tr:first-of-type th {
  padding-top: 16px;
}

.tooltip_tbl tr:last-of-type th {
  padding-bottom: 16px;
}

.tooltip_tbl td {
  padding: 5px 20px;
  color: #4c4c4c;
  font-weight: 400;
  text-align: center;
}

.tooltip_tbl td:after {
  content: '';
  display: block;
  clear: both;
}

.tooltip_tbl td > span {
  color: #4c4c4c;
}

.tooltip_tbl tr:first-of-type td {
  padding-top: 16px;
}

.tooltip_tbl tr:last-of-type td {
  padding-bottom: 16px;
}

.bx_th_tooltip .btn_tooltip {
  height: 20px;
}

.bx_th_tooltip .tooltip_tbl th {
  height: auto;
  border-bottom: 0;
  background: #f5f5f5;
}

.bx_th_tooltip .tooltip_tbl td {
  height: auto;
  border-bottom: 0;
}

/* Dashboard */
.level_wrap {
  margin-bottom: 35px;
  text-align: center;
}

.level_list {
  display: inline-block;
}

.level_list:after {
  content: '';
  display: block;
  clear: both;
}

.level_list .level_li {
  position: relative;
  float: left;
  padding: 41px 0;
  width: 200px;
  height: 200px;
  background: #4bbac7;
  border-radius: 50%;
  text-align: center;
}

.level_list .level_li + .level_li {
  margin-left: 160px;
}

.level_list .level_li + .level_li:before {
  content: '';
  position: absolute;
  top: 96px;
  left: -140px;
  display: block;
  width: 120px;
  height: 8px;
  background: url("../images/icon_level_dot.png") no-repeat;
}

.level_list .level_li strong {
  display: block;
  position: relative;
  padding-top: 50px;
  font-weight: 600;
  font-size: 16px;
  color: #fff;
}

.level_list .level_li strong:before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  display: block;
  width: 39px;
  height: 41px;
  background: #4bbac7 url("../images/icon_level.png") no-repeat;
}

.level_list .level_li:nth-child(1) strong:before {
  background-position: 0 0;
}

.level_list .level_li:nth-child(2) strong:before {
  background-position: -59px 0;
}

.level_list .level_li:nth-child(3) strong:before {
  background-position: -118px 0;
}

.level_list .level_li:nth-child(4) strong:before {
  background-position: -177px 0;
}

.level_list .level_li [class^=lb_] {
  margin-top: 20px;
}

/* 평가진행 */
.tab_cont .accor_wrap {
  margin: -30px -30px 0;
}

.bx_bl + .accor_wrap {
  margin-top: 20px;
  border: 1px solid #eaeaea;
  border-width: 1px 1px 0px 1px;
}

.accor_bx {
  border-bottom: 1px solid #eaeaea;
}

.accor_btn {
  position: relative;
  padding: 20px 70px 20px 25px;
  width: 100%;
  color: #4c4c4c;
  font-weight: 600;
  text-align: left;
}

.accor_btn .fc_bl {
  font-weight: 600;
}

.accor_arr {
  display: block;
  position: absolute;
  right: 30px;
  top: calc(50% - 3.5px);
  width: 13px;
  height: 7px;
  background-image: url("../images/btn_accor_arr.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
}

.accor_bx.on .accor_arr {
  background-position: 0 -12px;
}

.accor_cont {
  display: none;
  border-top: 1px solid #eaeaea;
}

.accor_cont .inactive {
  opacity: 0.3;
}

.bx_tbl_bl {
  padding: 40px;
  background: #ebf5fa;
}

.bx_tbl_bl tr:not(:last-of-type) td {
  border-bottom: 2px solid #ebf5fa;
}

.bx_tbl_bl th {
  height: 50px;
  color: #1179a8;
  background: #d0e9f5;
  text-align: center;
  font-weight: 600;
}

.bx_tbl_bl td {
  height: 50px;
  color: #4c4c4c;
  background: #fff;
  text-align: center;
}

.bx_tbl_bl td label {
  color: #4c4c4c;
}

.txt_info {
  margin: 20px 0 50px;
  font-size: 13px;
}

.txt_info em {
  color: #e74b21;
}

.tit_h2 + .txt_info {
  margin-bottom: 0;
}

.rdo_list {
  margin: -30px;
}

.rdo_li {
  position: relative;
  padding: 20px 130px 20px 30px;
}

.rdo_li:not(:first-of-type) {
  border-top: 1px solid #eaeaea;
}

.rdo_li_tit {
  color: #4c4c4c;
}

.rdo_li .bx_rdo {
  margin-top: 13px;
}

.rdo_li .score {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -35px;
  width: 70px;
  height: 70px;
  color: #4d4d4d;
  font-size: 18px;
  font-weight: bold;
  background: #ebf5fa;
  border-radius: 50%;
  text-align: center;
  line-height: 70px;
}

/* 기술지원 */
.accor_wrap.typ2 {
  border-top: 1px solid #2a8fb9;
}

.accor_wrap.typ2 .accor_btn {
  padding: 20px 60px 20px 115px;
}

.accor_wrap.typ2 .accor_cont {
  position: relative;
  padding: 20px 70px 20px 115px;
  background: #f8f8f8;
  border-top: 0;
}

.ico_q {
  overflow: hidden;
  position: absolute;
  top: 13px;
  left: 45px;
  display: block;
  width: 33px;
  height: 33px;
  background: url("../images/icon_qna.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 0;
  border-radius: 50%;
  text-indent: -9999px;
}

.ico_a {
  overflow: hidden;
  position: absolute;
  top: 17px;
  left: 45px;
  display: block;
  width: 33px;
  height: 33px;
  background: url("../images/icon_qna.png") no-repeat;
  background-size: 100% auto;
  background-position: 0 -43px;
  border-radius: 50%;
  text-indent: -9999px;
}

.accor_wrap.typ2 .accor_arr {
  top: calc(50% - 8px);
  right: 22px;
  width: 16px;
  height: 16px;
  background-image: url("../images/btn_accor_more.png");
}

.accor_wrap.typ2 .accor_bx.on .accor_arr {
  background-position: 0 -21px;
}

.accor_wrap.typ2 .accor_cont p {
  color: #4c4c4c;
}

.accor_wrap.typ2 .accor_cont p + p {
  margin-top: 5px;
}

/* 공지사항 상세 */
.bx_detail {
  border-top: 1px solid #2a8fb9;
  border-bottom: 1px solid #eaeaea;
}

.detail_hd {
  position: relative;
  padding: 0 230px 0 25px;
  height: 60px;
  background: #f8f8f8;
}

.detail_hd h3 {
  font-size: 18px;
  color: #4c4c4c;
  font-weight: 600;
  line-height: 60px;
}

.detail_info {
  position: absolute;
  top: 22px;
  right: 60px;
}

.detail_info span {
  position: relative;
  color: #999;
}

.detail_info span + span {
  margin-left: 18px;
  padding-left: 18px;
}

.detail_info span + span:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  height: 12px;
  border-left: 1px solid #999999;
  margin-top: -5px;
}

.detail_attach {
  padding: 0 30px;
  line-height: 59px;
  border-top: 1px solid #d3d3d3;
}

.detail_attach a {
  position: relative;
  padding-left: 25px;
}

.detail_attach a:before {
  content: '';
  display: block;
  width: 16px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background: url("../images/icon_file.png") no-repeat;
  background-position: center;
}

.detail_cont {
  padding: 36px 25px 45px 25px;
  border-top: 1px solid #eaeaea;
}

.detail_cont p {
  color: #4c4c4c;
}

.detail_cont p + p {
  margin-top: 30px;
}

/* 역량평가 */
.bx_favor input {
  margin-left: 10px;
  width: 73px;
  text-align: center;
}

.bx_favor input + span {
  margin-left: 10px;
}

/* 사용가이드 */
.user_guide {
  padding: 41px 8px 20px 13px;
  width: 35px;
  height: 145px;
  position: fixed;
  top: 156px;
  right: 0;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
  background: #9d9d9d;
  border-radius: 10px 0 0 10px;
  -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);
}

.user_guide:before {
  content: '';
  position: absolute;
  top: 20px;
  left: 13px;
  width: 14px;
  height: 14px;
  background: url("../images/icon_info.png") no-repeat;
  background-size: 100% auto;
  background-position: center;
}

/* 평가결과현황 */
.bx_wrap + [class^="bx_col"] {
  margin-top: 50px;
}

.bx_col_2 .bx_col_2.typ1 .col_li .accor_wrap {
  margin: 0;
  border: 1px solid #eaeaea;
}

.bx_col_2 .bx_col_2.typ1 .col_li .accor_wrap .accor_bx:last-child {
  border-bottom: 0;
}

.bx_col_2 .bx_col_2.typ1 .bx_tbl_bl {
  padding: 30px;
}

.bx_gy {
  height: 60px;
  line-height: 58px;
  background: #f5f5f5;
  text-align: center;
}

.bx_gy strong {
  color: #4c4c4c;
  font-size: 22px;
  font-weight: bold;
}

.bx_bl .lb_w_wh_chk {
  position: absolute;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  line-height: 20px;
}

.bx_bl .btn_md {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.bx_bl > strong > span {
  font-size: 15px;
}

.bx_bl .alert {
  margin-right: 20px;
  margin-top: 20px;
  padding-left: 20px;
  background: url("../images/icon_notice.png") no-repeat 0;
  line-height: 20px;
  color: #174f58;
}

/* 평가진행현황 */
.bx_tbl_wh {
  padding: 55px 80px;
  background: #fff;
}

.bx_tbl_wh .data_list {
  padding: 0;
}

.bx_tbl_wh .data_list .data_li .data_tit {
  width: 117px;
  font-size: 14px;
}

.bx_tbl_wh .data_list .data_li .data_num {
  font-size: 14px;
  float: left;
}

.data_list + [class^='btn_'] {
  margin-top: 25px;
}

/* 진행현황목록 */
.accor_wrap.typ3 .accor_tit {
  position: relative;
  height: 60px;
  background: #d0eef3;
  border: 1px solid #c0e3e9;
}

.accor_wrap.typ3 .accor_btn {
  padding: 17px 70px 17px 25px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
}

.accor_wrap.typ3 .accor_tit [class^="lb_"] {
  position: absolute;
  left: 20px;
  top: 15px;
  padding: 1px 15px;
}

.accor_wrap.typ3 .accor_cont {
  border: 1px solid #eaeaea;
  border-top: 0;
  border-bottom: 0;
}

.accor_wrap.typ3 .accor_bx {
  border-bottom: 1px solid #fff;
}

.data_list {
  padding: 0 10px;
}

.data_list .data_li:after {
  content: '';
  display: block;
  clear: both;
}

.data_list .data_li + .data_li {
  margin-top: 13px;
}

.data_list .data_li .data_tit {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #2b2b2b;
  float: left;
}

.data_list .data_li .data_num {
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  color: #4c4c4c;
  float: right;
}

.dashboard {
  /* layer-popup table typ1 */
}

.dashboard .flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding: 10px 15px 0 28px;
  margin-top: 10px;
}

.dashboard .flex-item {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  position: relative;
}

.dashboard .flex-item.w550 {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 550px;
}

.dashboard h3 {
  margin-bottom: 15px;
  font-size: 26px;
  color: #05192B;
  font-weight: bold;
}

.dashboard .itembox {
  width: 100%;
  background: #ffffff;
  border-radius: 8px;
  -webkit-box-shadow: 0px 3px 5pxrgba 0, 0, 0, 0.16;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.16);
}

.dashboard .itembox.box1 {
  height: 300px;
  overflow-y: auto;
}

.dashboard .itembox.box2 {
  height: calc(100vh - 200px);
}

.dashboard .itembox.box2 .fixed_top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.dashboard .itembox.box2 .tbl_inr_pop {
  height: calc(100vh - 310px);
}

.dashboard .itembox.box2 .btn_wrap {
  text-align: center;
  margin-top: 20px;
}

.dashboard .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard .flexbox .cell + .cell {
  margin-left: 15px;
}

.dashboard div[class^="status"] {
  border-radius: 8px;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  height: 100px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0px;
}

.dashboard .status1 {
  background: #F65151;
}

.dashboard .status2 {
  background: #F6A451;
}

.dashboard .status3 {
  background: #369E40;
}

.dashboard .cell dl.status-num dt {
  font-size: 20px;
  color: #ffffff;
}

.dashboard .cell dl.status-num dd {
  font-size: 40px;
  font-weight: 500;
  color: #ffffff;
  text-align: right;
  margin-top: 15px;
}

.dashboard .fire-list .fire-item {
  width: 100%;
  padding: 10px 15px;
  border-bottom: 1px solid #F3F3F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.dashboard .fire-list .fire-item-ico {
  width: 58px;
  height: 50px;
  color: #ffffff;
  background: #D34836;
  border-radius: 8px;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

.dashboard .fire-list .fire-item-cont {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-left: 15px;
}

.dashboard .fire-list .fire-item-cont .title {
  display: block;
  font-size: 16px;
  color: #354150;
  font-weight: 500;
}

.dashboard .fire-list .fire-item-cont .date {
  display: block;
  font-size: 14px;
  color: #5C6A79;
}

.dashboard .flex-container .itembox::-webkit-scrollbar {
  width: 8px;
}

.dashboard .flex-container .itembox::-webkit-scrollbar-track {
  background: none;
  border-radius: 8px;
}

.dashboard .flex-container .itembox::-webkit-scrollbar-thumb {
  background: rgba(0, 187, 188, 0.23);
  border-radius: 8px;
}

.dashboard .bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar {
  width: 10px;
}

.dashboard .bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 4px;
}

.dashboard .bx_tbl_pop .tbl_inr_pop::-webkit-scrollbar-thumb {
  background: #2a8fb9;
  border-radius: 4px;
}

.dashboard .bx_tbl_pop {
  position: relative;
  padding-top: 32px;
  margin-top: 0px;
  border-left: none;
  border-right: none;
}

.dashboard .bx_tbl_pop .tbl_inr_pop {
  max-height: calc(100% - 32px);
  overflow-y: auto;
  overflow-x: hidden;
}

.dashboard .bx_tbl_pop .fixed_top {
  display: inline-table;
  position: absolute;
  top: 0;
  width: 100%;
  background: #01c7a3;
  background: linear-gradient(170deg, #01c7a3 27%, #00a0fc 100%);
}

.dashboard .bx_tbl_pop .fixed_top:hover {
  background: #01c7a3;
  background: linear-gradient(170deg, #01c7a3 27%, #00a0fc 100%);
}

.dashboard .bx_tbl_pop .btn_plus {
  margin-top: 10px;
}

.dashboard .bx_tbl_pop .tbl_typ1_pop {
  border: 0;
}

.dashboard .tbl_typ1_pop {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
}

.dashboard .tbl_typ1_pop tr:hover {
  background: #ebf5fa;
}

.dashboard .tbl_typ1_pop tr.on {
  background: #ebf5fa;
}

.dashboard .tbl_typ1_pop th {
  padding: 0 10px;
  height: 32px;
  color: #ffffff;
  font-weight: 400;
  border-top: none;
  border-bottom: none;
  background: none;
}

.dashboard .tbl_typ1_pop.t_b_non th {
  border-top: 1px solid #e0e0e0;
}

.dashboard .tbl_typ1_pop td {
  padding: 0 10px;
  height: 32px;
  color: #475D6D;
  text-align: center;
  border-bottom: 1px solid #F3F3F3;
}

.dashboard .tbl_typ1_pop.tr_h_auto td {
  padding: 15px 5px;
  height: auto;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox {
  font-size: 17px;
  color: #ffffff;
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox span {
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  display: block;
  background: url(../images/downarrow.png) 95% 50% no-repeat;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox ul {
  height: 0;
  overflow: hidden;
  background: rgba(2, 6, 12, 0.8);
  padding: 0 10px;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox ul li {
  line-height: 30px;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox ul li a {
  color: #90909E;
  font-size: 15px;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox ul li a:hover {
  color: #174a84;
}

.dashboard .tbl_typ1_pop.tr_h_auto td .selectBox:hover ul {
  height: auto;
}

.dashboard .tbl_typ1_pop tfoot td {
  background-color: #f8f8f8;
}

.dashboard .selectBox-list {
  width: 300px;
  font-size: 17px;
  color: #475D6D;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  background: #ffffff;
  border-radius: 8px;
  position: absolute;
  left: 0px;
  top: 50px;
}

.dashboard .selectBox-list span {
  height: 45px;
  line-height: 45px;
  padding: 0 10px;
  display: block;
  background: url(../images/downarrow.png) 95% 50% no-repeat;
}

.dashboard .selectBox-list ul {
  height: 0;
  overflow: hidden;
  background: #F5F6F8;
  padding: 0 10px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

.dashboard .selectBox-list ul li {
  line-height: 30px;
}

.dashboard .selectBox-list ul li a {
  color: #475D6D;
  font-size: 15px;
}

.dashboard .selectBox-list ul li a:hover {
  color: #37A0EA;
}

.dashboard .selectBox-list:hover ul {
  height: auto;
}

.dashboard .mapArea {
  width: 100%;
  height: calc(100vh - 160px);
  overflow: hidden;
}

.dashboard .autoLocation {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.dashboard .autoLocation a {
  display: inline-block;
  width: 152px;
  height: 152px;
  text-indent: -999em;
}

.dashboard .autoLocation a.off {
  background: url("../images/ico_auto_off.png") center top no-repeat;
}

.dashboard .autoLocation a.on {
  background: url("../images/ico_auto_on.png") center top no-repeat;
}

.dashboard .top_btn {
  position: absolute;
  right: 0;
  top: 0;
}

.dashboard.depth3 .mapArea {
  width: 100%;
  height: calc(100vh - 110px);
  overflow: hidden;
}

.dashboard.depth3 .mapArea .storeInfo {
  position: relative;
  display: inline-block;
}

.dashboard.depth3 .mapArea .storeInfo__table {
  display: none;
  width: 300px;
  position: absolute;
  left: 0;
  top: 100%;
  background: #ffffff;
}

.dashboard.depth3 .mapArea .storeInfo:hover .storeInfo__table {
  display: block;
}

.dashboard.depth3 .mapArea .storeInfo .tbl_typ5 {
  font-size: 13px;
}

.dashboard.depth3 .mapArea .storeInfo .tbl_typ5 th,
.dashboard.depth3 .mapArea .storeInfo .tbl_typ5 td {
  font-size: 13px;
  height: auto;
  padding: 8px 10px;
}

.dashboard.depth3 .rightPanel {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 500px;
  margin-left: 20px;
  display: none;
  /********** HOVER STATES **********/
  /********** PANELS **********/
}

.dashboard.depth3 .rightPanel .fixed_top {
  background: #F5F6F8;
}

.dashboard.depth3 .rightPanel .fixed_top th {
  color: #475D6D;
}

.dashboard.depth3 .rightPanel.open {
  display: block;
}

.dashboard.depth3 .rightPanel .flexbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}

.dashboard.depth3 .rightPanel .flexbox .cell {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.dashboard.depth3 .rightPanel .flexbox.topcount {
  text-align: right;
  color: #ffffff;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .cell {
  position: relative;
  border-radius: 8px;
  padding: 15px;
  color: #ffffff;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .cell span {
  display: block;
  font-size: 20px;
  font-weight: bold;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .dect {
  background: #00B2D2 url("../images/ico-dect.png") 8px 8px no-repeat;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .cctv {
  background: #00B2D2 url("../images/ico-cctv.png") 8px 8px no-repeat;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .fire {
  background: #B81F0C url("../images/ico-fire.png") 8px 8px no-repeat;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .fire .play {
  float: left;
  width: 24px;
  height: 24px;
  background: url("../images/ico-play.png") center top no-repeat;
  text-indent: -999em;
  font-size: 0;
  position: absolute;
  left: 12px;
  bottom: 5px;
}

.dashboard.depth3 .rightPanel .flexbox.topcount .fire .pause {
  float: left;
  width: 24px;
  height: 24px;
  background: url("../images/ico-pause.png") center top no-repeat;
  text-indent: -999em;
  font-size: 0;
  position: absolute;
  left: 12px;
  bottom: 5px;
}

.dashboard.depth3 .rightPanel .flexbox.topcount h4 {
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
}

.dashboard.depth3 .rightPanel .tabwrap {
  background: #ffffff;
  margin-top: 15px;
}

.dashboard.depth3 .rightPanel .tab-list {
  margin: 0px;
  padding: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.dashboard.depth3 .rightPanel .tab-list li {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  list-style-type: none;
  border-bottom: 2px solid #F8FCFF;
}

.dashboard.depth3 .rightPanel .tab-list li a {
  color: #475D6D;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  padding: 10px 0;
}

.dashboard.depth3 .rightPanel .tab-list li.active,
.dashboard.depth3 .rightPanel .tab-list li.hover {
  border-bottom: 2px solid #00B2D2;
}

.dashboard.depth3 .rightPanel .tab-list li.active a,
.dashboard.depth3 .rightPanel .tab-list li a:hover {
  color: #00B2D2;
}

.dashboard.depth3 .rightPanel .tab-panel {
  display: none;
  height: calc(100vh - 240px);
  background: #ffffff;
  overflow: auto;
}

.dashboard.depth3 .rightPanel .tab-panel.active {
  display: block;
}

.dashboard.depth3 .panel-btn {
  display: inline-block;
  width: 44px;
  height: 53px;
  text-indent: -999em;
  background: url("../images/panel_open.png") center top no-repeat;
  position: absolute;
  right: -10px;
  top: 50%;
  z-index: 100;
}

.dashboard.depth3 .panel-btn.open {
  background: url("../images/panel_close.png") center top no-repeat;
}

.dashboard.depth3 .cctv__area__wrap {
  width: 400px;
  position: absolute;
  left: 10px;
  top: 10px;
  background: #ffffff;
  border: 1px solid #D6D6D6;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.dashboard.depth3 .cctv__area__wrap .cctv_area {
  position: relative;
  width: 400px;
  height: 225px;
}

.dashboard.depth3 .cctv__area__wrap h5 {
  padding: 8px 10px;
  position: relative;
}

.dashboard.depth3 .cctv__area__wrap h5 span.btn-close {
  position: absolute;
  right: 13px;
  top: 13px;
}

.dashboard.depth3 .cctv__area__wrap .title {
  display: block;
  width: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  bottom: 0;
  padding: 10px;
  color: #ffffff;
  text-align: center;
}

.dashboard.depth3 .fire__info__wrap {
  width: 400px;
  position: absolute;
  left: 10px;
  bottom: 10px;
  background: #ffffff;
  border: 1px solid #D6D6D6;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.dashboard.depth3 .fire__info__wrap h5 {
  padding: 8px 10px;
  position: relative;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs {
  position: absolute;
  right: 40px;
  top: 6px;
  border: 1px solid #ececec;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs li {
  float: left;
  width: 60px;
  text-align: center;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs li.on {
  background: #128ec7;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs li.on a {
  color: #ffffff;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs li > a {
  font-size: 12px;
  display: block;
  width: 100%;
  height: 100%;
  color: #666;
  padding: 3px 0;
}

.dashboard.depth3 .fire__info__wrap h5 .tabs li + li {
  border-left: 1px solid #ececec;
}

.dashboard.depth3 .fire__info__wrap h5 span.btn-close {
  position: absolute;
  right: 13px;
  top: 12px;
}

.dashboard.depth3 .item_wrap_title {
  font-size: 18px;
  color: #05192B;
  font-weight: 600;
}

.dashboard.depth3 .item_wrap .itembox {
  margin-top: 10px;
}

.dashboard.depth3 .item_wrap .itembox.box3 {
  height: calc(100vh / 3 - 100px);
  overflow-y: auto;
}

.dashboard.depth3 .item_wrap + .item_wrap {
  margin-top: 15px;
}

/*2020-07-22 css 추가*/
.chart_date {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
  font-weight: bold;
}

.chart_date .date1 {
  font-size: 18px;
}

.chart_date .date2 {
  font-size: 26px;
}

.ly_pop_cont .bx_col_2.typ6 .col_li:last-child {
  margin-left: 14px;
  width: calc(43.4% - 14px);
}

.sampleContainer {
  margin-top: 250px;
}

.loader {
  width: 44px;
  height: 8px;
  margin: 12px auto;
}

.dot {
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #ccc;
  position: absolute;
}

.dot_1 {
  -webkit-animation: animateDot1 1.5s linear infinite;
          animation: animateDot1 1.5s linear infinite;
  left: 12px;
  background: #01c7a3;
  background: linear-gradient(170deg, #01c7a3 27%, #00a0fc 100%);
}

.dot_2 {
  -webkit-animation: animateDot2 1.5s linear infinite;
          animation: animateDot2 1.5s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 24px;
}

.dot_3 {
  -webkit-animation: animateDot3 1.5s linear infinite;
          animation: animateDot3 1.5s linear infinite;
  left: 12px;
}

.dot_4 {
  -webkit-animation: animateDot4 1.5s linear infinite;
          animation: animateDot4 1.5s linear infinite;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  left: 24px;
}

@-webkit-keyframes animateDot1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-12px);
            transform: rotate(360deg) translateX(-12px);
  }
}

@keyframes animateDot1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(-12px);
            transform: rotate(180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(-12px);
            transform: rotate(360deg) translateX(-12px);
  }
}

@-webkit-keyframes animateDot2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(-12px);
            transform: rotate(-360deg) translateX(-12px);
  }
}

@keyframes animateDot2 {
  0% {
    -webkit-transform: rotate(0deg) translateX(-12px);
            transform: rotate(0deg) translateX(-12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(-12px);
            transform: rotate(-180deg) translateX(-12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(-12px);
            transform: rotate(-360deg) translateX(-12px);
  }
}

@-webkit-keyframes animateDot3 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(12px);
            transform: rotate(360deg) translateX(12px);
  }
}

@keyframes animateDot3 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(180deg) translateX(12px);
            transform: rotate(180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(12px);
            transform: rotate(360deg) translateX(12px);
  }
}

@-webkit-keyframes animateDot4 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(12px);
            transform: rotate(-360deg) translateX(12px);
  }
}

@keyframes animateDot4 {
  0% {
    -webkit-transform: rotate(0deg) translateX(12px);
            transform: rotate(0deg) translateX(12px);
  }
  25% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  75% {
    -webkit-transform: rotate(-180deg) translateX(12px);
            transform: rotate(-180deg) translateX(12px);
  }
  100% {
    -webkit-transform: rotate(-360deg) translateX(12px);
            transform: rotate(-360deg) translateX(12px);
  }
}

.mt15 {
  margin-top: 15px;
}

.mt40 {
  margin-top: 40px;
}

.mt50 {
  margin-top: 50px;
}

.mt60 {
  margin-top: 60px;
}

.ml50 {
  margin-left: 50px;
}

.btn-close {
  background: url("../images/btn_close.png") center top no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
}

.btn-close > a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -999em;
  font-size: 0;
}

.popup_h3 {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 8px;
  color: #339bc6;
}

.loginInfo {
  float: right;
  margin-right: 30px;
}

.loginInfo ul li {
  float: left;
  height: 60px;
  line-height: 60px;
  color: #444444;
}

.loginInfo ul li.user {
  padding-left: 35px;
  background: url(../images/user_ico.png) left 50% no-repeat;
  background-size: 30px;
}

.loginInfo ul li .logout {
  display: inline-block;
  height: 30px;
  padding: 0 10px;
  line-height: 29px;
  border-radius: 4px;
  background: #EBF1F6;
  color: #9a9a9a;
  font-size: 12px;
  margin-left: 12px;
}
/*# sourceMappingURL=style.css.map */