@charset "utf-8";

#bcwrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-left: 550px;
  padding-top: 60px;
}
#bcTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #333;
  height: 60px;
  z-index: 100;
  padding: 0 20px;
}
#bcTop:after {
  content: "";
  display: table;
  clear: both;
}
.bctLogo {
  float: left;
  margin-right: 40px;
}
.bctLogo a {
  display: inline-block;
  color: #fff;
  height: 60px;
  line-height: 60px;
  font-weight: 500;
  font-size: 16pt;
}
.bctLogo:after {
  content: "";
  display: table;
  clear: both;
}
.bctLogo span {
  display: block;
  float: left;
  width: 100px;
  height: 60px;
  line-height: 60px;
  margin-right: 10px;
  text-indent: -9999px;
  background: url("/img/login/login_logo.svg") no-repeat center center;
  background-size: auto 24px;
}

.bctTitle {
  float: left;
  padding: 20px 0;
  color: #fff;
  margin-right: 40px;
}
.bctTitle:after {
  content: "";
  display: table;
  clear: both;
}
.bctTitle dt,
.bctTitle dd {
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 10pt;
  letter-spacing: -0.025em;
}
.bctTitle dt {
  font-weight: 400;
  margin-right: 3px;
}
.bctTitle dd {
  font-weight: 500;
  position: relative;
  padding-right: 10px;
  margin-right: 10px;
}
.bctTitle dd:after {
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -5px;
}
.bctTitle dd:last-child {
  padding-right: 0;
  margin-right: 0;
}
.bctTitle dd:last-child:after {
  display: none;
}

.bctMenu {
  float: right;
  padding: 15px 0;
}
.bctMenu:after {
  content: "";
  display: table;
  clear: both;
}
.bctMenu p {
  float: left;
  line-height: 30px;
  color: #fff;
  margin-right: 10px;
}
.bctMenu p span {
  font-weight: 500;
}
.bctMenu a {
  display: block;
  float: left;
  height: 30px;
  line-height: 28px;
  margin-left: 5px;
  padding: 0 15px;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  border: solid 1px #fff;
}
.bctMenu a.bctOut {
}
.bctMenu a.bctSave {
}
.bctMenu a.bctSbmt {
  background: #ff4848;
  border-color: #ff4848;
}

#bcCar {
  position: fixed;
  left: 0;
  bottom: 0;
  top: 60px;
  width: 100px;
  border-right: solid 1px #d9d9d9;
  background: #fff;
  z-index: 100;
}
#bcCar > div {
  height: 100%;
  overflow: hidden;
}
#bcCar > div > div {
  width: 117px;
  padding-right: 17px;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
#bcCar > div > div > div {
  width: 100px;
  padding-bottom: 30px;
}
.bccAll {
  display: block;
  height: 70px;
  background: url("/img/baechar/bc_car_bk.png") no-repeat center 15px;
  background-size: 30px auto !important;
  padding-top: 15px;
}
.bccAll em {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 32px;
  text-align: center;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000;
}
.bccAll span {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 5px;
  color: #000;
}
.bccAll.on {
  background: #333 url("/img/baechar/bc_car_wh.png") no-repeat center 15px;
}
.bccAll.on em {
  color: #fff;
}
.bccAll.on span {
  color: #fff;
}

.bccList {
}
.bccList > li {
  padding: 10px 8px;
  border-bottom: solid 1px #d9d9d9;
  text-align: center;
}
.bccList > li a.bccSel {
  display: block;
  position: relative;
}
.bccList > li a.bccDel {
  display: inline-block;
  width: 40px;
  border: solid 1px #ddd;
  text-align: center;
  font-size: 9pt;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-top: 5px;
  border-radius: 3px 3px 3px 3px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
}
.bccList > li a.bccDel:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
.bccList > li.on {
  background: #333;
}
.bccList > li.on a.bccSel {
}
.bccList > li.on a.bccSel > span {
  color: #fff;
}
.bccList > li.on a.bccDel {
  color: #fff;
}
.bccList > li.on a.bccDel:hover {
  background: #fff;
  border-color: #fff;
  color: #333;
}

.bccSel__wrap {
  border: solid 1px #ccc;
  border-radius: 3px;
  padding: 3px 0;
}
.bccSel__car {
  display: block;
  margin: 7px auto 0;
  width: 34px;
  height: 23px;
  font-family: "dotum", sans-serif;
  text-align: left;
  font-size: 11px;
  padding-left: 5px;
  padding-top: 2px;
  font-weight: bold;
  color: #000;
  background: url("/img/baechar/bc_car_bk.png") no-repeat center center;
  background-size: cover !important;
}
.bccSel__number {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 1px;
  color: #000;
}
.bccSel__box,
.bccSel__ea {
  display: block;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  color: #666;
}
.bccSel__box b,
.bccSel__ea b {
  color: #000;
}

.bccList > li.on .bccSel__car {
  background: url("/img/baechar/bc_car_wh.png") no-repeat center center;
}
.bccList > li.on .bccSel__box,
.bccList > li.on .bccSel__ea {
  color: #ccc !important;
}
.bccList > li.on .bccSel__box b,
.bccList > li.on .bccSel__ea b {
  color: #fff;
}

.bccAdd {
  display: block;
  height: 60px;
  background: url("/img/baechar/bc_car_bk.png") no-repeat center 20px;
  background-size: 30px auto;
  padding-top: 20px;
  position: relative;
}
/* .bccAdd:before {content: ''; display: block; height: 1px; background: #d9d9d9; position: absolute; right: 10px; left: 10px; top: 0;} */
.bccAdd em {
  display: block;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-left: 18px;
  text-align: center;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000;
}
.bccAdd span {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 5px;
  color: #000;
}

#bcRoute {
  position: fixed;
  left: 100px;
  bottom: 0;
  top: 60px;
  width: 240px;
  background: #fff;
  border-right: solid 1px #d9d9d9;
  padding-top: 230px;
  z-index: 100;
}
.bcrTitle {
  height: 40px;
  border-bottom: solid 1px #d9d9d9;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
}
.bcrTitle h4 {
  float: left;
  font-size: 11pt;
  letter-spacing: -0.075em;
  font-weight: 500;
  line-height: 39px;
}
.bcrAdd {
  display: block;
  float: left;
  width: 23px;
  height: 23px;
  border: solid 1px #616a8e;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #fff url("/img/baechar/pin_add.png") no-repeat center center;
  background-size: 11px auto;
  text-indent: -9999px;
  margin-top: 7px;
  margin-left: 5px;
}
.bcrOpt {
  float: right;
  display: block;
  background: #333;
  color: #fff;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  font-size: 9pt;
  margin-top: 7px;
  margin-right: -3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bcrScroll {
  height: 100%;
  overflow: hidden;
}
.bcrScroll > div {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.bcrScroll > div > div {
}
.bcrList {
}
.bcrList li {
}
.bcrSch {
  padding: 7px;
  font-family: "dotum", sans-serif;
  letter-spacing: -0.075em;
  line-height: 1.4em;
  border-bottom: solid 1px #d9d9d9;
  height: 82px;
  position: absolute;
  left: 0;
  right: 0;
}
.bcrSch.bcrSt {
  top: 40px;
}
.bcrSch.bcrEd {
  top: 122px;
}
.bcrSch > div {
  position: relative;
}
.bcrSch input[type="text"] {
  height: 30px;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  text-indent: 5px;
  width: 100%;
}
.bcrSch a {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background: url("/img/baechar/bc_sch_ico.png") no-repeat center center;
  background-size: 16px auto;
}
.bcrSch h5 {
  font-size: 11px;
  margin-top: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bcrSch p {
  font-size: 11px;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bcrAlldel {
  padding: 0 8px;
  height: 30px;
  border-bottom: solid 1px #d9d9d9;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  right: 0;
  top: 204px;
}
.bcrAlldel a {
  display: block;
  float: right;
  font-size: 11px;
  height: 19px;
  line-height: 17px;
  border: solid 1px #aaa;
  margin-top: 5px;
  padding: 0 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#bcGoal {
  position: fixed;
  left: 340px;
  bottom: 0;
  top: 60px;
  width: 240px;
  background: #fff;
  border-right: solid 1px #d9d9d9;
  padding-top: 110px;
  z-index: 99;
}
.bcgTitle {
  height: 40px;
  border-bottom: solid 1px #d9d9d9;
  padding: 0 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f5f5f5;
}
.bcgTitle h4 {
  float: left;
  font-size: 11pt;
  letter-spacing: -0.075em;
  font-weight: 500;
  line-height: 39px;
}
.bcgTitle #excelFile + label {
  float: right;
  display: block;
  background: #079c8e;
  color: #fff;
  height: 24px;
  line-height: 22px;
  padding: 0 10px;
  font-size: 9pt;
  margin-top: 7px;
  margin-right: -3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  cursor: pointer;
}

.bcgSch {
  position: relative;
  border-bottom: solid 1px #d9d9d9;
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  padding-right: 40px;
}
.bcgSch input[type="tel"] {
  border: none;
  height: 39px;
  width: 100%;
}
.bcgSch a {
  display: block;
  width: 39px;
  height: 39px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background: url("/img/baechar/bc_sch_ico.png") no-repeat center center;
  background-size: 16px auto;
}
.bcgInfo {
  padding: 0 8px;
  height: 30px;
  border-bottom: solid 1px #d9d9d9;
  background: #f5f5f5;
  position: absolute;
  left: 0;
  right: 0;
  top: 80px;
}
.bcgInfo:after {
  content: "";
  display: table;
  clear: both;
}
.bcgInfo p {
  float: left;
  height: 29px;
  line-height: 29px;
  font-size: 11px;
}
.bcgInfo p span {
  font-weight: 500;
}
.bcgInfo a {
  display: block;
  float: right;
  font-size: 11px;
  height: 19px;
  line-height: 17px;
  border: solid 1px #aaa;
  margin-top: 5px;
  padding: 0 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#bcgX {
  width: 40px;
  height: 40px;
  background: #333;
  text-indent: -9999px;
  padding: 15px 12px;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 100%;
}
#bcgX:before,
#bcgX:after {
  content: "";
  display: block;
  width: 19px;
  height: 1px;
  float: left;
  background: #fff;
  position: relative;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
#bcgX:after {
  margin-top: 6px;
}
#bcgX.on:before {
  margin-top: 3px;
  margin-left: -1px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
#bcgX.on:after {
  margin-top: -1px;
  margin-left: -1px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
}

.glBtn dd a.qkStart {
  text-indent: inherit;
  padding-left: 4px;
  background: #8db145;
  color: #fff;
}
.glBtn dd a.qkEnd {
  text-indent: inherit;
  padding-left: 4px;
  background: #6d5ad5;
  color: #fff;
}

/* .duplClass {background:#fff1f1 !important;} */ /* 배경컬러 변경 */
.lineText {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  padding: 3px;
  margin-bottom: 5px;
  background: #df2428;
}
#courseList {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  padding-left: 0;
  margin-top: 0;
}
#courseList li {
  display: inline-block;
  width: 100%;
  border-bottom: solid 1px #d9d9d9;
  background: #fff;
  position: relative;
}
#courseList li.red .wrap-dd-handle {
  background: #fbecec;
}
.dd-handle {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 18px;
  height: 100%;
  background: #f5f5f5;
  cursor: move;
}
.dd-handle:before,
.dd-handle:after {
  content: "";
  display: block;
  width: 10px;
  height: 1px;
  background: #666;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -5px;
}
.dd-handle:before {
  margin-top: -1px;
}
.dd-handle:after {
  margin-top: 2px;
}
.wrap-dd-handle {
  padding: 10px;
  padding-left: 28px;
  background: #fff;
}
.wrap-dd-handle .ddTop {
  margin-bottom: 7px;
  position: relative;
}
.wrap-dd-handle .ddTop:after {
  content: "";
  display: table;
  clear: both;
}
.wrap-dd-handle .ddTop em.ddtNum,
.wrap-dd-handle .ddTop a.ddtSt,
.wrap-dd-handle .ddTop a.ddtEd {
  display: block;
  height: 20px;
  line-height: 20px;
  float: left;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.wrap-dd-handle .ddTop em.ddtNum {
  width: auto;
  min-width: 20px;
  padding-right: 5px;
  color: #fff;
  text-align: center;
  font-size: 11px;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_1 {
  background: #fd3d39;
  border-color: #fd3d39;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_2 {
  background: #595bd4;
  border-color: #595bd4;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_3 {
  background: #545454;
  border-color: #545454;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_4 {
  background: #53d86a;
  border-color: #53d86a;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_5 {
  background: #3cabdb;
  border-color: #3cabdb;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_6 {
  background: #207244;
  border-color: #207244;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_7 {
  background: #fd3259;
  border-color: #fd3259;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_8 {
  background: #fe9526;
  border-color: #fe9526;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_9 {
  background: #eaaf00;
  border-color: #eaaf00;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_10 {
  background: #7f4e94;
  border-color: #7f4e94;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_11 {
  background: #1e5393;
  border-color: #1e5393;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_12 {
  background: #294567;
  border-color: #294567;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_13 {
  background: #2f2dab;
  border-color: #2f2dab;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_14 {
  background: #295d67;
  border-color: #295d67;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_15 {
  background: #2dab3e;
  border-color: #2dab3e;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_16 {
  background: #a5ab2d;
  border-color: #a5ab2d;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_17 {
  background: #ab7f2d;
  border-color: #ab7f2d;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_18 {
  background: #ab2d8e;
  border-color: #ab2d8e;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_19 {
  background: #852dab;
  border-color: #852dab;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_20 {
  background: #43875c;
  border-color: #43875c;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_21 {
  background: #528743;
  border-color: #528743;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_22 {
  background: #688743;
  border-color: #688743;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_23 {
  background: #878643;
  border-color: #878643;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_24 {
  background: #877643;
  border-color: #877643;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_25 {
  background: #876e43;
  border-color: #876e43;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_26 {
  background: #876343;
  border-color: #876343;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_27 {
  background: #874358;
  border-color: #874358;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_28 {
  background: #1b3cb2;
  border-color: #1b3cb2;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_29 {
  background: #504d13;
  border-color: #504d13;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_30 {
  background: #1bb276;
  border-color: #1bb276;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_31 {
  background: #b21b49;
  border-color: #b21b49;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_32 {
  background: #1badb2;
  border-color: #1badb2;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_33 {
  background: #132c50;
  border-color: #132c50;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_34 {
  background: #595bd4;
  border-color: #595bd4;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_35 {
  background: #545454;
  border-color: #545454;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_36 {
  background: #53d86a;
  border-color: #53d86a;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_37 {
  background: #3cabdb;
  border-color: #3cabdb;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_38 {
  background: #207244;
  border-color: #207244;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_39 {
  background: #fd3259;
  border-color: #fd3259;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_40 {
  background: #fe9526;
  border-color: #fe9526;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_41 {
  background: #eaaf00;
  border-color: #eaaf00;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_42 {
  background: #7f4e94;
  border-color: #7f4e94;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_43 {
  background: #1e5393;
  border-color: #1e5393;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_44 {
  background: #294567;
  border-color: #294567;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_45 {
  background: #2f2dab;
  border-color: #2f2dab;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_46 {
  background: #295d67;
  border-color: #295d67;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_47 {
  background: #2dab3e;
  border-color: #2dab3e;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_48 {
  background: #a5ab2d;
  border-color: #a5ab2d;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_49 {
  background: #ab7f2d;
  border-color: #ab7f2d;
}
.wrap-dd-handle .ddTop em.ddtNum.temp_50 {
  background: #ab2d8e;
  border-color: #ab2d8e;
}

.wrap-dd-handle .ddTop a.ddtSt,
.wrap-dd-handle .ddTop a.ddtEd {
  width: 20px;
  line-height: 18px;
  margin-left: 3px;
  border: solid 1px #e5e5e5;
  text-align: center;
  color: #ddd;
  background: #fff;
}
.wrap-dd-handle .ddTop a.ddtSt.on {
  background: #ff4848;
  border-color: #ff4848;
  color: #fff;
}
.wrap-dd-handle .ddTop a.ddtEd.on {
  background: #333;
  border-color: #333;
  color: #fff;
}
.wrap-dd-handle .ddTop a.ddtDel {
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  border: solid 1px #ccc;
  background: #fff;
  position: absolute;
  right: 0;
  top: -1px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.wrap-dd-handle .ddTop a.ddtDel:before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #666;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -4px;
}
.wrap-dd-handle h4,
.wrap-dd-handle p,
.wrap-dd-handle span {
  font-family: "dotum", sans-serif;
  letter-spacing: -0.075em;
  line-height: 1.4em;
}
.wrap-dd-handle h4 {
  font-size: 13px;
  cursor: pointer;
}
.wrap-dd-handle p {
  font-size: 11px;
  color: #666;
  margin-top: 2px;
}
.wrap-dd-handle span {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: 5px;
  letter-spacing: 0em;
}
.wrap-dd-handle span b {
  margin-left: 5px;
  color: #333;
  font-weight: normal;
}
.wrap-dd-handle span em {
  display: inline-block;
  background: #333;
  color: #fff;
  margin-left: 3px;
  padding: 0 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dd-placeholder,
.dd-empty {
  margin: 0px;
  padding: 0;
  min-height: 30px;
  background: #f2fbff;
  border: 1px dashed #b6bcbf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.dd-empty {
  border: 1px dashed #bbb;
  min-height: 100px;
}
.dd-dragel {
  position: absolute;
  pointer-events: none;
  z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
  margin-top: 0;
}
.dd-dragel .dd-handle {
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}

#goalList {
}
#goalList li {
  padding: 10px;
  border-bottom: solid 1px #d9d9d9;
}
#goalList li.desDel {
  display: none;
}
#goalList li.red {
  background: #fbecec;
}
.ddTop {
  height: 20px;
  margin-bottom: 5px;
}
.ddTop:after {
  content: "";
  display: table;
  clear: both;
}
.ddTop em {
  display: block;
  height: 20px;
  line-height: 18px;
  padding: 0 3px;
  letter-spacing: -0.075em;
  text-align: center;
  border: solid 1px #ddd;
  float: left;
  font-style: normal;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  margin-left: 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ddTop em:first-child {
  margin-left: 0;
}
.ddTop em.ddJpx {
  color: #ff4848;
  border-color: #ff4848;
  cursor: pointer;
} /* 없음 */
.ddTop em.ddJb {
  color: #ff4848;
  border-color: #ff4848;
} /* 중복 */
.ddTop em.ddJo {
  color: #ff4848;
  border-color: #ff4848;
} /* 제외 */
.glCont {
  position: relative;
}
.glCont h4,
.glCont p,
.glCont span {
  font-family: "dotum", sans-serif;
  letter-spacing: -0.075em;
  line-height: 1.4em;
}
.glCont h4 {
  font-size: 13px;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.glCont p {
  font-size: 11px;
  color: #666;
}
.glCont span {
  font-size: 11px;
  color: #999;
  display: block;
  margin-top: 5px;
  letter-spacing: 0em;
}
.glCont span b {
  margin-left: 5px;
  color: #333;
  font-weight: normal;
}
.glCont span em {
  display: inline-block;
  background: #333;
  color: #fff;
  margin-left: 3px;
  padding: 0 3px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.glBtn {
  position: absolute;
  right: 0;
  top: -1px;
}
.glBtn:after {
  content: "";
  display: table;
  clear: both;
}
.glBtn dd {
  float: left;
  margin-left: 3px;
}
.glBtn dd a {
  display: block;
  width: 22px;
  height: 22px;
  text-indent: -9999px;
  border: solid 1px #ccc;
  background: #fff;
  position: relative !important;
  top: 0 !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.glBtn dd a.qkDel {
}
.glBtn dd a.qkDel:before,
.glBtn dd a.qkDel:after {
  content: "";
  display: block;
  background: #666;
  position: absolute;
  left: 50%;
  top: 50%;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.glBtn dd a.qkDel:before {
  width: 10px;
  height: 2px;
  margin-left: -5px;
  margin-top: -1px;
}
.glBtn dd a.qkDel:after {
  width: 2px;
  height: 10px;
  margin-left: -1px;
  margin-top: -5px;
}
.glAdd:before,
.glAdd:after {
  content: "";
  display: block;
  background: #666;
  position: absolute;
  top: 50%;
  left: 50%;
}
.glAdd:before {
  width: 8px;
  height: 2px;
  margin-top: -1px;
  margin-left: -4px;
}
.glAdd:after {
  width: 2px;
  height: 8px;
  margin-top: -4px;
  margin-left: -1px;
}
.glDel:before {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #666;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -1px;
  margin-left: -4px;
}

.schPop {
  position: fixed;
  z-index: 1000;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  top: 0;
  left: 0;
  bottom: 0;
  display: none;
}
.schPop > div {
  display: table;
  width: 100%;
  height: 100%;
}
.schPop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.scpCont {
  width: 94%;
  max-width: 800px;
  height: 500px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
}
.scpCont#end_wrap {
  max-width: 400px;
}
.scpCont iframe,
.scpCont iframe html,
.scpCont iframe body {
  height: 100%;
  width: 100%;
}
.scfWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 50px;
  padding-left: 240px;
  background: #fff;
}
.scfTop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #333;
}
.scfTop:after {
  content: "";
  display: table;
  clear: both;
}
.scfTop h1 {
  float: left;
  height: 50px;
  line-height: 50px;
  color: #fff;
  padding-left: 15px;
  font-size: 14pt;
  font-weight: 500;
}
.scfTop a {
  display: block;
  float: right;
  height: 50px;
  width: 50px;
  text-indent: -9999px;
  background: url("/img/baechar/bc_pop_close.png") no-repeat center center;
  background-size: 18px auto;
}
.scfLeft {
  position: fixed;
  left: 0;
  top: 50px;
  bottom: 0;
  width: 240px;
}
.scfList {
}
.scfList li {
  border-bottom: solid 1px #d9d9d9;
  padding: 10px;
}
.scfList li > div {
  position: relative;
  padding-left: 35px;
}
.scfList li em {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.scfList li img {
  display: block;
  width: 24px;
}
.scfList h4,
.scfList p,
.scfList span {
  font-family: "dotum", sans-serif;
  letter-spacing: -0.075em;
  line-height: 1.4em;
}
.scfList li h4 {
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.scfList li p {
  font-size: 11px;
  color: #666;
  margin-top: 3px;
}
.scfList li span {
  font-size: 11px;
  color: #999;
  display: block;
  letter-spacing: 0em;
}
.scfList li > div > div {
  margin-top: 5px;
}
.scfList li > div > div:after {
  content: "";
  display: table;
  clear: both;
}
.scfList li button {
  display: block;
  height: 26px;
  line-height: 24px;
  float: right;
  padding: 0 10px;
  font-size: 11px;
  background: #fff;
  border: solid 1px #333;
  font-family: "dotum", sans-serif;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.scfMap {
  width: 100%;
  height: 100%;
}

.endList {
}
.endList li {
  border-bottom: solid 1px #d9d9d9;
  padding: 15px;
  position: relative;
  padding-right: 110px;
}
.endList h4,
.endList p,
.endList span {
  font-family: "dotum", sans-serif;
  letter-spacing: -0.075em;
  line-height: 1.4em;
}
.endList li h4 {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.endList li p {
  font-size: 12px;
  color: #666;
  margin-top: 3px;
}
.endList li span {
  font-size: 12px;
  color: #999;
  display: block;
  letter-spacing: 0em;
}
.endList li button {
  display: block;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  font-size: 11px;
  background: #fff;
  border: solid 1px #333;
  font-family: "dotum", sans-serif;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -12px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#bcMap {
  width: 100%;
  height: 100%;
}

/* login */
#lgn {
  height: 100%;
}
#lgn:after {
  content: "";
  display: table;
  clear: both;
}
#lgnLft {
  background: url("/img/main_new/main_banner07.jpg") no-repeat center center;
  background-size: cover;
}
#lgnRht {
}
.lgnSec {
  float: left;
  width: 50%;
  height: 100%;
  position: relative;
}
.lgnSec > div {
  display: table;
  width: 100%;
  height: 100%;
}
.lgnSec > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.lgnCont {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.lgnLogo {
  color: #fff;
  text-align: center;
}
.lgnLogo h1 {
  height: 60px;
  text-indent: -9999px;
  background: url("") no-repeat center center;
  background-size: auto 100%;
}
.lgnLogo p {
  font-family: "Roboto", sans-serif;
  font-size: 11pt;
  letter-spacing: 0.05em;
  font-weight: 300;
  margin-top: 30px;
}
.lgnTitle {
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: 32pt;
  font-weight: 100;
  letter-spacing: 0em;
  line-height: 1em;
}
.lgnTitle span {
  display: inline-block;
  position: relative;
  padding-right: 40px;
  margin-right: 10px;
  font-weight: 700;
}
.lgnTitle span em {
  display: block;
  font-size: 10pt;
  font-weight: 500;
  background: #333;
  color: #fff;
  padding: 4px 8px;
  position: absolute;
  right: 0;
  top: 4px;
  white-space: nowrap;
  line-height: 1em;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.lgnForm {
  margin-top: 40px;
}
.lgnIpt {
  position: relative;
  margin-bottom: 20px;
}
.lgnForm .lgnIpt:nth-child(2) {
  margin-bottom: 0;
}
.lgnIpEfct {
  text-indent: 0px !important;
  width: 100%;
  height: 44px !important;
  font-size: 12pt !important;
  font-weight: 300;
  position: relative;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid #ccc !important;
  padding-left: 30px;
  letter-spacing: 0em;
}
.lgnIpEfct ~ .lgnIpFcs {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #000;
  transition: 0.4s;
  z-index: 1;
}
.lgnIpEfct:focus ~ .lgnIpFcs,
.lgnIpEfct.current ~ .lgnIpFcs {
  width: 100%;
  transition: 0.4s;
}
.lgnId {
  background: url("/img/login/login_id.png") no-repeat left center !important;
  background-size: 20px auto !important;
}
.lgnPw {
  background: url("/img/login/login_pw.png") no-repeat left center !important;
  background-size: 20px auto !important;
}
.lgnBtn {
  border: none;
  display: block;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
  background: #222;
  color: #fff;
  font-size: 13pt;
  font-weight: 300;
  letter-spacing: 0em;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  transition: 0.4s;
}
.lgnBtn:hover {
  background: #000;
}
.lgnCopy {
  font-family: "Roboto", sans-serif;
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 30px;
  color: #888;
  font-size: 8pt;
  letter-spacing: 0.025em;
}

/* menu */
#menu {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  width: 1080px;
  margin: 0 auto;
}
.mnCont {
  display: table;
  width: 100%;
  height: 100%;
}
.mnCont > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.mnCont > div > div {
  width: 100%;
  margin: 0 auto;
}
.mnTop {
  flex-shrink: 0;
  padding: 15px 25px;
}
.mnTop:after {
  content: "";
  display: table;
  clear: both;
}
.mnTop h1 {
  float: left;
  width: 124px;
  height: 30px;
  text-indent: -9999px;
  background: url("/img/login/dwcoldchain.jpg") no-repeat center center;
  background-size: auto 100%;
}
.mnTop p {
  float: right;
  font-size: 10pt;
  font-weight: 300;
  line-height: 28px;
  margin-right: 15px;
}
.mnTop p b {
  font-weight: 700;
}
.mnTop a {
  display: block;
  float: right;
  height: 28px;
  line-height: 28px;
  background: #333;
  color: #fff;
  padding: 0 10px;
}
.mnTop a:hover {
  background: #000;
}
.mnTitle {
  margin-bottom: 30px;
  font-family: "Roboto", sans-serif;
}
.mnTitle h3 {
  font-size: 40pt;
  white-space: nowrap;
}
.mnTitle p {
  font-size: 11pt;
  font-weight: 300;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.mnBox {
  padding: 0 20px;
  display: flex;
  flex-direction: column;
}
/* .mnBox.col7 {max-width: 1680px;}
.mnBox.col6 {max-width: 1440px;}
.mnBox.col5 {max-width: 1200px;}
.mnBox.col4 {max-width: 960px;}
.mnBox.col3 {max-width: 720px;}
.mnBox.col2 {max-width: 480px;}
.mnBox.col1 {max-width: 240px;} */
.mnList {
  display: flex;
  flex-wrap: wrap;
  margin: -10px;
}
.mnList li {
  padding: 10px;
  width: 33.33%;
}
/* .mnList.col7 li {width: 14.26%;}
.mnList.col6 li {width: 16.6666%;}
.mnList.col5 li {width: 20%;}
.mnList.col4 li {width: 25%;}
.mnList.col3 li {width: 33.3333%;}
.mnList.col2 li {width: 50%;}
.mnList.col1 li {width: 100%;} */
.mnList li a {
  display: flex;
  height: 120px;
  padding: 20px;
  border: solid 1px #999;
}
.mnList li a:before {
  content: "";
  display: block;
  width: 36px;
  height: 32px;
  background-position: center top !important;
  background-size: 100% auto !important;
}
.mnList li.mnList01 a:before {
  background: url("/img/login/menu_ico01.png") no-repeat;
}
.mnList li.mnList02 a:before {
  background: url("/img/login/menu_ico02.png") no-repeat;
}
.mnList li.mnList03 a:before {
  background: url("/img/login/menu_ico03.png") no-repeat;
}
.mnList li.mnList04 a:before {
  background: url("/img/login/menu_ico04.png") no-repeat;
}
.mnList li.mnList05 a:before {
  background: url("/img/login/menu_ico05.png") no-repeat;
}
.mnList li.mnList06 a:before {
  background: url("/img/login/menu_ico06.png") no-repeat;
}
.mnList li.mnList07 a:before {
  background: url("/img/login/menu_ico07.png") no-repeat;
}
.mnList li.mnList08 a:before {
  background: url("/img/login/menu_ico08.png") no-repeat;
}
.mnList li.mnList09 a:before {
  background: url("/img/login/menu_ico09.png") no-repeat;
}
.mnList li.mnList10 a:before {
  background: url("/img/login/menu_ico10.png") no-repeat;
}
.mnList li.mnList11 a:before {
  background: url("/img/login/menu_ico11.png") no-repeat;
}
.mnList li.mnList12 a:before {
  background: url("/img/login/menu_ico12.png") no-repeat;
}
.mnList li a .mnlTitle {
  margin-left: 15px;
}
.mnList li a .mnlTitle h5 {
  font-size: 14pt;
}
.mnList li a .mnlTitle p {
  font-size: 10pt;
  font-weight: 300;
  margin-top: 5px;
}
.mnList li a:hover {
  background: #333;
  border-color: #333;
  -webkit-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 2px 30px 0px rgba(0, 0, 0, 0.45);
}
.mnList li a:hover:before {
  background-position: center bottom !important;
}
.mnList li a:hover .mnlTitle {
  color: #fff;
}
.mnBtn {
  margin-top: 30px;
  text-align: right;
}
.mnBtn a {
  display: inline-block;
  background: #333;
  color: #fff;
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  font-size: 11pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.mnBtn a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 5px;
  border-bottom: solid 1px #fff;
  margin-left: 40px;
  background: url("/img/login/menu_arrow.png") no-repeat right bottom;
  background-size: 8px auto;
}

/* GNB공통 */
#wrap {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 60px;
  background: #fafafa;
}
#wrap.adm {
  padding-left: 200px;
}
#header {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  background: #333;
  height: 60px;
  z-index: 999;
  text-align: center;
  min-width: 1400px;
}
.hdLeft {
  position: absolute;
  left: 20px;
  top: 0;
  display: flex;
  align-items: center;
}
.hdLogo {
}
.hdLogo a {
  color: #fff;
  height: 60px;
  font-weight: 500;
  font-size: 18px;
  display: flex;
  align-items: center;
  font-style: italic;
}
.hdLogo a span {
  font-size: 28px;
  font-weight: 700;
  margin-right: 5px;
}
.hdNoti {
  margin-left: 30px;
  color: #fff;
  height: 60px;
  font-size: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.hdNoti:before {
  content: "";
  display: block;
  width: 20px;
  height: 22px;
  background: url("/img/common/gnb_alarm.png") no-repeat center center / cover;
}
.hdNoti.on:after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: solid 1px #333;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -17px;
  margin-left: 1px;
  background: #5ef19c;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.board {
  margin-left: 30px;
  color: #fff;
  height: 60px;
  font-size: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.board:before {
  content: "";
  display: block;
  width: 20px;
  height: 22px;
  background: url("/img/common/gnb_board.png") no-repeat center center / cover;
}
.hdRght {
  padding: 15px 0;
  position: absolute;
  right: 20px;
  top: 0;
}
.hdRght:after {
  content: "";
  display: table;
  clear: both;
}
.hdRght p {
  float: left;
  color: #fff;
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  margin-right: 10px;
  letter-spacing: 0em;
}
.hdRght p b {
  color: #fff;
  font-weight: 500;
}
.hdAdm {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  background: url("/img/common/gnb_setting.png") no-repeat center center;
  background-size: auto 16px;
  margin-right: 3px;
}
.hdOut {
  display: block;
  float: left;
  height: 30px;
  line-height: 28px;
  border: solid 1px #fff;
  color: #fff;
  padding: 0 15px;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.hdMenu {
}
.hdMenu ul {
  display: flex;
  justify-content: center;
}
.hdMenu li {
  float: left;
  margin: 0 20px;
}
.hdMenu li a {
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 15px;
}
.hdMenu li a.active {
  color: #fff;
  font-weight: 700;
}
.hdBtn {
  display: none;
}

/* 리스트 */
.contents {
  width: 100%;
  padding: 20px;
}
.cnTitle {
  margin-bottom: 30px;
}
.cnTitle:after {
  content: "";
  display: table;
  clear: both;
}
.cnTitle h2 {
  font-size: 22pt;
  font-weight: 700;
  float: left;
  height: 44px;
  line-height: 44px;
}
.cnTitle ul {
  float: right;
  margin-top: 24px;
}
.cnTitle ul:after {
  content: "";
  display: table;
  clear: both;
}
.cnTitle ul li {
  float: left;
  padding-right: 12px;
  margin-right: 5px;
  position: relative;
  height: 20px;
  line-height: 20px;
}
.cnTitle ul li:after {
  content: "";
  display: block;
  width: 4px;
  height: 7px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -3px;
  background: url("/img/common/breadcrumb_arrow.png") no-repeat center center;
  background-size: 4px auto;
}
.cnTitle ul li:last-child {
  padding-right: 0;
  margin-right: 0;
}
.cnTitle ul li:last-child:after {
  display: none;
}

.cnWrap {
  background: #fff;
  padding: 40px 30px;
  overflow-x: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
}
.cnScroll {
  min-width: 720px;
}
.cnCopy {
  text-align: center;
  padding: 60px 0;
  letter-spacing: 0.025em;
  color: #bbb;
  font-weight: 300;
}

.lstTop {
  margin-bottom: 15px;
  position: relative;
}
.lstTop:after {
  content: "";
  display: table;
  clear: both;
}
.lstInfo {
  position: absolute;
  left: 0;
  bottom: -5px;
  font-size: 10pt;
}
.lstInfo b {
}
.lstSch {
  float: right;
}
.lstSch h5,
.lstSch select,
.lstSch div,
.lstSch span {
  display: inline-block;
}
.lstSch h5,
.lstSch span {
  height: 26px;
  line-height: 26px;
}
.lstSch h5 {
  font-size: 10pt;
  font-weight: 400;
  margin-right: 5px;
  margin-left: 20px;
}
.lstSch h5:first-child {
  margin-left: 0;
}
.lstSch select {
  width: 120px;
}
.lstSch div.date {
  width: 100px;
}
.lstSch div.date input[type="text"] {
  text-align: center;
  text-indent: 0px;
}
.lstSch span {
}
.schIpt {
  position: relative;
  padding-right: 26px;
}
.schIpt input[type="text"] {
  display: block;
  border-right: none;
}
.schIpt a {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background: #333 url("/img/common/sch_ico.png") no-repeat center center;
  background-size: 14px auto;
}

.lstTable {
}
.lstTable th,
.lstTable td {
  text-align: center;
  border-top: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  font-size: 10pt;
}
.lstTable th {
  background: #f5f5f5;
  font-weight: 500;
  padding: 5px 0;
}
.lstTable td {
  padding: 10px 0;
}
.lstTable td.lstTitle {
  text-align: left;
}
.lstTable td.lstTitle a {
  display: inline-block;
  max-width: 95%;
  font-weight: 500;
  font-size: 11pt;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lstTable td.lstTitle a:hover {
  text-decoration: underline;
}
.lstTable td a.udln {
  text-decoration: underline;
}
.lstBtn {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 1px;
  padding: 0 15px;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.lstBtn.lstCpy {
  background: #333;
  color: #fff;
}
.lstBtn.lstEdt {
  line-height: 28px;
  border: solid 1px #333;
  color: #333;
}
.lstBtn.lstDel {
  background: #ff4848;
  color: #fff;
}
.lstBtn.lstExl {
  background: #207244;
  color: #fff;
}

.lstBot {
  position: relative;
  margin: 30px 0;
}
.lstbBtn {
  position: absolute;
  right: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  margin: 0 1px;
  padding: 0 15px;
  font-size: 10pt;
  background: #525869;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.lstbExl {
  position: absolute;
  left: 0;
  top: 0;
  height: 30px;
  line-height: 30px;
  margin: 0 1px;
  padding: 0 15px;
  font-size: 10pt;
  background: #207244;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.lstbExl.red {
  background: #ff4848;
}

#rgPop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
#rgPop > div {
  display: table;
  width: 100%;
  height: 100%;
}
#rgPop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#rgpWrap {
  width: 400px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.4);
}
.rgpTop {
  background: #333;
}
.rgpTop:after {
  content: "";
  display: table;
  clear: both;
}
.rgpTop h1 {
  float: left;
  height: 50px;
  line-height: 50px;
  color: #fff;
  padding-left: 15px;
  font-size: 14pt;
  font-weight: 500;
}
.rgpTop a {
  display: block;
  float: right;
  height: 50px;
  width: 50px;
  text-indent: -9999px;
  background: url("/img/baechar/bc_pop_close.png") no-repeat center center;
  background-size: 18px auto;
}
.rgpCont {
  padding: 30px;
  background: #fff;
}
.rgpCont th,
.rgpCont td {
  text-align: left;
  padding: 5px 0;
  font-size: 11pt;
}
.rgpCont td input[type="text"],
.rgpCont td select {
  display: block;
  width: 100%;
}
.rgpBtn {
  text-align: center;
  margin-top: 30px;
}
.rgpBtn li {
  display: inline-block;
  margin: 0 2px;
}
.rgpBtn li a {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 40px;
  color: #fff;
  font-size: 11pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.rgpBtn li a.nvy {
  background: #333;
}
.rgpBtn li a.red {
  background: #ff4848;
}

body.loading #bcRoute:after,
body.loading #bcGoal:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/img/baechar/loading.gif") no-repeat center center;
  background-size: 60px auto;
}
body.route:after,
body.excel #bcwrap:after {
  content: "";
  display: block;
  position: fixed;
  z-index: 999999;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/img/baechar/loader.gif") no-repeat center center;
  background-size: 120px auto;
}
#ldng {
  display: none;
  position: fixed;
  z-index: 999999;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  background: url("/img/baechar/loader.gif") no-repeat center center;
  background-size: 120px auto;
}

.admWrte {
}
.admWrte th,
.admWrte td {
  border-top: solid 1px #d9d9d9;
  border-bottom: solid 1px #d9d9d9;
  font-size: 10pt;
  padding: 8px;
}
.admWrte th {
  background: #f5f5f5;
  font-weight: 500;
  text-align: center;
}
.admWrte select {
  min-width: 140px;
}
.admwBot {
  margin: 30px 0;
}
.admwBot:after {
  content: "";
  display: table;
  clear: both;
}
.admwBot ul {
  float: right;
}
.admwBot ul:after {
  content: "";
  display: table;
  clear: both;
}
.admwBot ul li {
  float: left;
  padding-left: 3px;
}
.admwBot ul li a {
  display: block;
  height: 30px;
  line-height: 30px;
  margin: 0 1px;
  padding: 0 25px;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.admwBot ul li a.nvy {
  background: #333;
  color: #fff;
}
.admwBot ul li a.red {
  background: #ff4848;
  color: #fff;
}
.admwBot ul li a.line {
  line-height: 28px;
  border: solid 1px #333;
  color: #333;
}

.admSch {
  padding-bottom: 25px;
}
.admSch .admWrte th,
.admSch .admWrte td {
  padding: 5px;
}
.admSch .admWrte select {
  width: 100%;
}
.admsBtn {
  text-align: right;
}
.admsBtn a {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0 1px;
  padding: 0 25px;
  font-size: 10pt;
  background: #333;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.admlInfo {
  font-size: 10pt;
  padding-bottom: 5px;
}

.admbBtn {
  position: absolute;
  right: 0;
  bottom: 0;
}
.admbBtn:after {
  content: "";
  display: table;
  clear: both;
}
.admbBtn li {
  float: left;
  margin-left: 5px;
}
.admbBtn li a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  font-size: 10pt;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.admbBtn li a.nvy {
  background: #333;
}
.admbBtn li a.line {
  line-height: 28px;
  border: solid 1px #333;
  color: #333;
}
.admbBtn li a.grn {
  background: #207244;
}
.admbBtn li a.gry {
  background: #666;
}
.admbBtn li a.sample {
  color: #000;
  text-decoration: underline;
}
.admbBtn li #excelFile + label {
  float: none;
  height: 30px;
  line-height: 30px;
  padding: 0 15px;
  margin-top: 0;
  background: #207244;
}

#course_qty_update:before {
  content: "";
  display: block;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.qtyPop {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-left: -170px;
  margin-top: -105px;
  z-index: 1001;
}
.qtyPop #rgpWrap {
  width: 340px;
  position: relative;
}
.qtyPop .rgpCont {
  padding: 30px 20px;
}
.qtyIpt {
  position: relative;
  text-align: center;
}
.qtyIpt input[type="number"] {
  display: inline-block;
  vertical-align: middle;
  width: 80px;
}
.qtyIpt span {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  line-height: 30px;
  margin-left: 10px;
}
.qtyTb {
}

#main {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}
#mGnb {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mgLogo {
  float: left;
}
.mgLogo a {
  display: block;
  height: 70px;
  line-height: 70px;
  color: #fff;
  font-family: "Rambla", sans-serif;
  font-weight: 700;
  padding-left: 50px;
  font-size: 24pt;
  background: url("/img/common/header_logo.png") no-repeat left center;
  background-size: 42px auto !important;
  letter-spacing: 0em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.mgLgn {
  display: block;
  float: right;
  margin-top: 18px;
  background: #438be3;
  padding: 0 15px;
  height: 30px;
  line-height: 30px;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #fff;
  letter-spacing: 0em;
}
#mGnb.on {
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
}
#mGnb.on .mgLogo a {
  color: #061c52;
  background: url("/img/common/header_logo_blu.png") no-repeat left center;
}
#mTop {
  height: 600px;
  padding-top: 70px;
  background: url("/img/main/main_top_bg.jpg") no-repeat center bottom;
}
#mTop > div {
  display: table;
  width: 100%;
  height: 100%;
}
#mTop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.mtTxt h3 {
  color: #fff;
  font-size: 30pt;
  letter-spacing: -0.075em;
}
.mtTxt h3 span {
  color: #fff;
}
.mtTxt p {
  color: #fff;
  font-size: 12pt;
  margin-top: 15px;
  font-weight: 300;
}
.mtTxt a {
  display: inline-block;
  background: #438be3;
  color: #fff;
  font-size: 11pt;
  height: 38px;
  margin-top: 30px;
  line-height: 38px;
  padding: 0 30px;
  border-radius: 20px 20px 20px 20px;
  -moz-border-radius: 20px 20px 20px 20px;
  -webkit-border-radius: 20px 20px 20px 20px;
}
#mSol {
  padding: 120px 0;
}
.msTitle {
  text-align: center;
  position: relative;
  padding-bottom: 63px;
  margin-bottom: 60px;
}
.msTitle:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #000;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}
.msTitle h3 {
  font-size: 30pt;
}
.msTitle h6 {
  font-size: 16pt;
}
.msTitle p {
  font-size: 11pt;
}
.msSlider {
}
.msCont {
  text-align: center;
}
.msCont em {
  display: block;
  margin: 0 auto;
  width: 140px;
  height: 140px;
  border: solid 1px #000;
  background-size: 60px auto !important;
  border-radius: 70px 70px 70px 70px;
  -moz-border-radius: 70px 70px 70px 70px;
  -webkit-border-radius: 70px 70px 70px 70px;
}
.msCont h5 {
  font-size: 16pt;
  margin-top: 20px;
}
.msCont p {
  font-size: 11pt;
  margin-top: 5px;
}
#mDvry {
  background: #f5f5f5;
  padding: 120px 0;
}
.mdTitle {
  text-align: center;
  font-size: 30pt;
  position: relative;
  padding-bottom: 63px;
  margin-bottom: 60px;
}
.mdTitle:after {
  content: "";
  display: block;
  width: 40px;
  height: 3px;
  background: #000;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -20px;
}
.mdCont {
}
.mdCont:after {
  content: "";
  display: table;
  clear: both;
}
.mdCont li {
  float: left;
  width: 50%;
  padding: 0 80px;
}
.mdCont li img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 420px;
}
.mdCont li h5 {
  font-size: 15pt;
}
.mdCont li dl {
  margin-top: 10px;
}
.mdCont li dl dd {
  margin-bottom: 5px;
  position: relative;
  padding-left: 10px;
  font-size: 11pt;
  font-weight: 300;
}
.mdCont li dl dd:last-child {
  margin-bottom: 0;
}
.mdCont li dl dd:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #000;
  position: absolute;
  left: 0;
  top: 10px;
}
.mdBtn {
  padding-top: 80px;
  text-align: center;
}
.mdBtn a {
  display: inline-block;
  background: #438be3;
  color: #fff;
  font-size: 13pt;
  height: 50px;
  line-height: 50px;
  padding: 0 60px;
  border-radius: 30px 30px 30px 30px;
  -moz-border-radius: 30px 30px 30px 30px;
  -webkit-border-radius: 30px 30px 30px 30px;
}
#mFt {
  padding: 60px 0;
}
#mFt p {
  text-align: center;
  font-size: 9pt;
  color: #888;
  letter-spacing: 0.025em;
  font-weight: 300;
}

.iptTel {
  width: 300px;
}
.iptTel:after {
  content: "";
  display: table;
  clear: both;
}
.iptTel li {
  float: left;
}
.iptTel li:nth-child(odd) {
  width: 30%;
}
.iptTel li:nth-child(even) {
  width: 5%;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.iptTel li select {
  display: block;
  width: 100%;
  min-width: 100%;
}
.iptTel li input[type="tel"] {
  display: block;
  width: 100%;
}

.ssrAdd {
  display: inline-block;
  vertical-align: middle;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #333;
  color: #fff;
  font-size: 9pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ssrPop {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.5);
}
.ssrPop > div {
  display: table;
  width: 100%;
  height: 100%;
}
.ssrPop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  max-height: 500px;
}
.ssrpCont {
  width: 400px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  padding-top: 50px;
  padding-bottom: 70px;
}
.ssrpTop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  background: #333;
  padding-right: 50px;
}
.ssrpTop h5 {
  padding: 0 15px;
  height: 50px;
  line-height: 50px;
  color: #fff;
  font-size: 20px;
}
.ssrpTop a {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-weight: 500;
}
.ssrpMid {
  height: 100%;
  overflow-y: auto;
  padding: 30px 15px;
  max-height: 400px;
}
.ssrpMid th,
.ssrpMid td {
  border-bottom: solid 1px #ddd;
  border-top: solid 1px #ddd;
}
.ssrpMid th {
  text-align: center;
  background: #f5f5f5;
  padding: 5px;
  font-weight: 500;
  font-size: 13px;
}
.ssrpMid td {
  padding: 10px;
}
.ssrpMid td label {
  font-size: 15px;
  font-weight: 700;
  text-decoration: underline;
  cursor: pointer;
}
.ssrpBot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  padding: 15px;
  border-top: solid 1px #ddd;
}
.ssrpBot a {
  display: block;
  width: 140px;
  margin: 0 auto;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  background: #333;
  color: #fff;
  font-size: 11pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#sensorArea {
  display: inline-block;
  vertical-align: middle;
  margin-top: -5px;
}
#sensorArea:after {
  content: "";
  display: table;
  clear: both;
}
#sensorArea li {
  margin-right: 5px;
  margin-top: 5px;
  float: left;
}
#sensorArea li:last-child {
  margin-right: 0;
}
#sensorArea li span {
  display: block;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  border: solid 1px #ccc;
  font-family: "dotum", sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#driverName,
#vehicleNum,
#gatewayName,
#sensorName {
  width: 200px;
}
#driver_memo,
#gateway_memo,
#sensor_memo {
  padding: 10px;
  height: 120px;
  resize: none;
}
.memo {
  padding: 10px;
  height: 120px;
  resize: none;
}
.ssrNum {
  width: 100%;
  max-width: 300px;
}
.ssrNum:after {
  content: "";
  display: table;
  clear: both;
}
.ssrNum input[type="text"] {
  display: block;
  float: left;
  width: 15% !important;
}
.ssrNum span {
  display: block;
  float: left;
  width: 2%;
  height: 26px;
  line-height: 26px;
  text-align: center;
}

.tal {
  text-align: left !important;
}
.w50 {
  width: 50px !important;
}
.w100 {
  width: 100px !important;
}
.w200 {
  width: 200px !important;
}
.w300 {
  width: 300px !important;
}
.w400 {
  width: 400px !important;
}
.w500 {
  width: 500px !important;
}

.ssrTmSet {
  float: left;
  padding: 5px 0;
  margin-left: 60px;
}
.ssrTmSet:after {
  content: "";
  display: table;
  clear: both;
}
.ssrTmSet h5 {
  float: left;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
}
.ssrTmSet form {
  display: block;
  float: left;
}
.ssrTmSet form:after {
  content: "";
  display: table;
  clear: both;
}
.ssrTmSet select {
  display: block;
  float: left;
  height: 30px;
  width: 100px;
  margin-left: 10px;
}
.ssrTmSet a {
  display: block;
  width: 60px;
  float: left;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 14px;
  margin-left: 5px;
  background: #3159a2;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.ssrTmSet span {
  display: block;
  height: 30px;
  line-height: 30px;
  float: left;
  margin-left: 25px;
  font-size: 16px;
}

/* GPS */
#ssWrap {
  padding-top: 60px;
  padding-left: 400px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#ssWrap.detail {
  padding-left: 500px;
}
#ssTop {
  height: 50px;
  z-index: 100;
  padding: 0 20px;
  background: #fff;
  border-bottom: solid 1px #e5e5e5;
  min-width: 1160px;
}
#ssTop:after {
  content: "";
  display: table;
  clear: both;
}
.sstLft {
  float: left;
}
h4.sstLft {
  height: 50px;
  line-height: 50px;
  font-size: 18px;
}
.sstRht {
  float: right;
}
.sstRht:after {
  content: "";
  display: table;
  clear: both;
}
.sstDate {
  float: left;
  padding: 12px 0;
}
.sstDate:after {
  content: "";
  display: table;
  clear: both;
}
.sstDate .date {
  float: left;
  position: relative;
}
.sstDate .date input[type="text"] {
  display: block;
  background: #fff;
  width: 170px;
}
.sstSbmt {
  display: block;
  float: left;
  width: 26px;
  height: 26px;
  margin-left: -1px;
  text-indent: -9999px;
  background: #333 url("/img/common/sch_ico.png") no-repeat center center;
  background-size: 14px auto;
}
.sstRfsh {
  float: left;
  display: block;
  margin-top: 12px;
  margin-left: 10px;
  height: 26px;
  line-height: 24px;
  border: solid 1px #ddd;
  padding-left: 30px;
  padding-right: 10px;
  font-size: 13px;
  background: #fff url("/img/common/sensor_refresh.png") no-repeat 10px center;
  background-size: 14px auto;
  cursor: pointer;
}
.sstBack {
  float: left;
  display: block;
  margin-top: 12px;
  height: 26px;
  line-height: 24px;
  border: solid 1px #aaa;
  padding: 0 10px;
  font-size: 13px;
  margin-left: 30px;
}
.sstUsr {
  float: right;
  margin-right: 15px;
  height: 60px;
  line-height: 60px;
  font-size: 10pt;
  color: #fff;
}
.sstUsr span {
  font-weight: 500;
}
.sstTab {
  float: left;
  margin-left: 20px;
  padding: 12px 0;
}
.sstTab:after {
  content: "";
  display: table;
  clear: both;
}
.sstTab li {
  float: left;
}
.sstTab li a {
  display: block;
  height: 26px;
  line-height: 24px;
  text-align: center;
  padding: 0 25px;
  border: solid 1px #ddd;
  border-right-color: #fff;
}
.sstTab li:last-child a {
  border-right-color: #ddd;
}
.sstTab li a.on {
  background: #333;
  border-color: #333;
  color: #fff;
}

#ssLft {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  z-index: 99;
  padding-top: 40px;
  width: 400px;
  border-right: solid 1px #d9d9d9;
  background: #fff;
}
#ssLft.all {
  padding-top: 80px;
}
#sslTgl {
  position: absolute;
  z-index: 1;
  top: -1px;
  left: 100%;
  display: block;
  width: 30px;
  height: 60px;
  background: #345bbf url("/img/common/sensor_left_toggle_on.png") no-repeat
    center center;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-indent: -9999px;
  background-size: 8px auto !important;
  border-radius: 0px 4px 4px 0px;
  -moz-border-radius: 0px 4px 4px 0px;
  -webkit-border-radius: 0px 4px 4px 0px;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.45);
}
#sslTgl.on {
  background: #345bbf url("/img/common/sensor_left_toggle.png") no-repeat center
    center;
}

.sslTitle {
  height: 40px;
  line-height: 39px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 0 15px;
  border-bottom: solid 1px #d9d9d9;
  background: #f5f5f5;
}
.sslAll {
  position: absolute;
  left: 0;
  right: 0;
  top: 40px;
  height: 40px;
  padding: 11px 15px;
  border-bottom: solid 1px #d9d9d9;
}
.sslAll:after {
  content: "";
  display: table;
  clear: both;
}
.sslAll input[type="checkbox"] {
  display: block;
  float: left;
}
.sslAll input[type="checkbox"] + label {
  display: block;
  height: 16px;
  line-height: 16px;
  float: left;
  margin-left: 5px;
  font-size: 15px;
}
.sslWrap {
  height: 100%;
}
.sslList {
}
.sslList li {
}
.sslList li h5 {
}
.sslList li span {
}
.sslList li h6 {
}
.sslList li h6 span {
}

.ssGrph {
  padding: 30px;
}
.c3-line {
  stroke-width: 2px !important;
}
/* #dmsChart {position: fixed; left: 260px; right: 0; bottom: 0; height: 260px; background: #fff; padding: 30px; overflow-y: auto; z-index: 100;} */
.ssrList {
  background: #f5f5f5;
  min-height: 100%;
}
.ssrList li {
  padding: 15px;
  background: #fff;
  border-bottom: solid 1px #ddd;
}
.ssrList li.on .chtSsrNum span {
  background: #0084ff;
}
.ssrList li.off .chtSsrNum span {
  background: #bbb;
}
.ssrList li.none {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.ssrList li.none > div {
  text-align: center;
  padding: 20px;
  font-size: 15px;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.ssrList.all li {
  padding-left: 45px;
  position: relative;
}
.ssrList.all li input[type="checkbox"] {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -8px;
}
.ssrList.all li em {
  display: block;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -15px;
}
.ssrList.all li em b {
  font-family: "Chakra Petch", sans-serif;
  font-size: 22pt;
  font-weight: 700;
  margin-right: 5px;
}
.ssrList.all li h6 {
  margin-bottom: 0;
}

.chtSsrInr {
  position: relative;
}
.chtSsrNum {
  font-size: 14pt;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
}
.chtSsrNum:after {
  content: "";
  display: table;
  clear: both;
}
.chtSsrNum span {
  display: block;
  font-weight: normal;
  font-size: 11px;
  font-family: "dotum", sans-serif;
  color: #fff;
  float: left;
  padding: 0 3px;
  height: 16px;
  line-height: 17px;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.chtSsrPrfl {
  font-size: 10pt;
  font-weight: 400;
}
.chtSsrPrfl span {
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-right: 5px;
}
.chtSsrLnk {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 24px;
  line-height: 22px;
  text-align: center;
  padding: 0 5px;
  font-size: 9pt;
  border: solid 1px #666;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.chtSsrBox {
  border: dotted 1px #ccc;
  padding: 10px;
  margin-top: 5px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.chtSsrAlt {
  height: 30px;
  line-height: 30px;
  font-size: 11pt;
  color: #ff4848;
}
.chtSsrName:after {
  content: "";
  display: table;
  clear: both;
}
.chtSsrName > span {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  font-size: 11pt;
  font-weight: 500;
}
.chtSsrName > span:after {
  content: "";
  display: table;
  clear: both;
}
.chtSsrName > span span.kingmaker {
  display: block;
  width: 20px;
  height: 20px;
  float: left;
  margin-right: 5px;
  background: url("/img/common/sensor_car.png") no-repeat center center;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.chtSsrName em {
  display: block;
  float: right;
  height: 20px;
  line-height: 20px;
  width: 60px;
  white-space: nowrap;
}
.chtSsrName em b {
  font-family: "Chakra Petch", sans-serif;
  font-size: 15pt;
  font-weight: 700;
  margin-right: 5px;
}
.chtSsrName.none em b {
  color: #f00;
  font-size: 11pt;
  font-weight: 700;
}
.chtSsrName u {
  display: block;
  float: right;
  text-decoration: none;
  margin-right: 10px;
  height: 20px;
  line-height: 24px;
}
.chtSsrName u b {
  font-size: 9pt;
  font-weight: 500;
}
.chtSsrName u b.min {
  margin-right: 5px;
  color: #2c32ff;
}
.chtSsrName u b.max {
  margin-left: 5px;
  color: #ff2c2e;
}
.chtSsrCht {
  /* overflow: hidden; */
  height: 0;
}
.pinBl {
  width: 100px;
  margin-bottom: 20px;
  text-align: center;
  background: #fff;
  padding: 5px;
  border: solid 1px #333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.pinBl h5 {
  font-size: 12px;
  font-weight: bold;
  font-family: "dotum", sans-serif;
  line-height: 1.2em;
}
.pinBl p {
  font-size: 13px;
  margin-top: 2px;
  line-height: 1.2em;
}
.pinBl p span {
  font-family: "Chakra Petch", sans-serif;
  font-weight: 700;
  font-size: 18px;
  margin-left: 5px;
}

#sdWrap {
  padding-top: 60px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#sdCont {
  height: 100%;
  position: relative;
  padding-top: 275px;
}
#sdLft {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 275px;
  z-index: 100;
  background: #fff;
  border-bottom: solid 1px #d9d9d9;
}
.sdlWrap {
  position: relative;
  padding-top: 75px;
  height: 100%;
}
.sdlTop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: solid 1px #ddd;
  padding: 5px 15px;
  height: 60px;
  background: #fafafa;
}
.sdlTop:after {
  content: "";
  display: table;
  clear: both;
}
.sdlPrfl {
  float: left;
}
.sdlPrfl h5 {
  font-size: 14pt;
  font-weight: 700;
  height: 24px;
  line-height: 24px;
}
.sdlPrfl h5:after {
  content: "";
  display: table;
  clear: both;
}
.sdlPrfl h5 b {
  display: block;
  font-weight: normal;
  font-size: 11px;
  font-family: "dotum", sans-serif;
  color: #fff;
  float: left;
  padding: 0 3px;
  height: 16px;
  line-height: 17px;
  margin-right: 5px;
  margin-top: 4px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.sdlPrfl h5 b.on {
  background: #0084ff;
}
.sdlPrfl h5 b.off {
  background: #bbb;
}
.sdlPrfl h5 span {
}
.sdlPrfl p {
  font-size: 10pt;
  font-weight: 400;
}
.sdlPrfl p b {
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-right: 5px;
}
.sdlPrfl p span {
}
.sdlSch {
  float: right;
  margin-top: 5px;
}
.sdlSch:after {
  content: "";
  display: table;
  clear: both;
}
.sdlSch .sstDate {
  padding: 0;
}
.sdlShare {
  display: block;
  float: right;
  height: 26px;
  line-height: 24px;
  border: solid 1px #aaa;
  text-align: center;
  padding: 0 10px;
  background: #fff;
  font-size: 10pt;
  font-weight: 500;
  margin-left: 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.sdlList {
  min-height: 100%;
}
.sdlList li {
  padding: 15px;
  margin-bottom: 10px;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}
.sdlList li.none {
  background: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.sdlList li.none > div {
  text-align: center;
  padding: 20px;
  font-size: 15px;
  background: #fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
}

.apDw {
  display: table;
  width: 100%;
  height: 100%;
}
.apDw > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
}
.apDw a {
  display: inline-block;
  font-size: 12pt;
  font-weight: 500;
  line-height: 1.2em;
}
.apDw a span {
  display: block;
  font-weight: 700;
}
.apDw a:before {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  margin: 0 auto 10px;
  background: #3d73dd url("/img/common/apk_logo.png") no-repeat center center;
  background-size: 60px auto;
  -webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
}

/* Chart Color */
.c3-ygrid-line.gridred line {
  stroke: red;
}
.c3-ygrid-line.gridblue line {
  stroke: blue;
}
.c3-ygrid-line.gridred text {
  fill: red;
}
.c3-ygrid-line.gridblue text {
  fill: blue;
}

/* 검색필터셋팅 */
.sstStng {
  float: left;
  position: relative;
  padding: 12px 0;
  margin-left: 20px;
}
.sstStng > button {
  display: block;
  height: 26px;
  line-height: 24px;
  border: solid 1px #ddd;
  padding-left: 10px;
  padding-right: 30px;
  background: #fff;
  position: relative;
  cursor: pointer;
}
.sstStng > button:after {
  content: "";
  display: block;
  width: 8px;
  height: 4px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -2px;
  background: url("/img/common/button_arrow.png") no-repeat center bottom;
  background-size: 100% auto !important;
}
.sstStng > button.on {
}
.sstStng > div {
  display: none;
  position: absolute;
  right: 0;
  top: 100%;
  margin-top: 0;
  background: #fff;
  border: solid 1px #ddd;
  padding: 10px 15px 0;
  z-index: 100;
  width: 260px;
  -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
}
.sstStng > div:before {
  content: "";
  display: block;
  width: 20px;
  height: 11px;
  position: absolute;
  bottom: 100%;
  right: 15px;
  background: url("/img/common/dropdown_tail.png") no-repeat center center;
}
.ssstList li {
  padding: 10px 0;
  border-bottom: solid 1px #e5e5e5;
}
.ssstList li:after {
  content: "";
  display: table;
  clear: both;
}
.ssstList li input[type="checkbox"] {
  display: block;
  float: right;
  height: 24px;
  width: 40px;
  border: none !important;
  background: #4bd865;
  border-radius: 12px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
}
.ssstList li input[type="checkbox"]:checked {
  background: #d9dadc;
}
.ssstList li input[type="checkbox"]:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  position: absolute;
  top: 2px;
  right: 2px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.ssstList li input[type="checkbox"]:checked:after {
  left: 2px;
}
.ssstList li input[type="checkbox"] + label {
  display: block;
  float: left;
  margin-left: 0;
  font-size: 15px;
  height: 24px;
  line-height: 24px;
}
.ssstList li input[type="checkbox"] + label span {
  font-weight: 700;
  margin-right: 5px;
}
.ssstBtn {
  margin: 0 -2px;
  padding: 15px 0;
  text-align: center;
}
.ssstBtn:after {
  content: "";
  display: table;
  clear: both;
}
.ssstBtn li {
  width: 50%;
  float: left;
  padding: 0 2px;
}
.ssstBtn li a {
  display: block;
  height: 30px;
  line-height: 28px;
  border: solid 1px #ddd;
  font-size: 10pt;
}
.ssstBtn li a.bk {
  background: #333;
  border-color: #333;
  color: #fff;
}

.sstMenu {
  padding: 8px 0;
}
.sstMenu:after {
  content: "";
  display: table;
  clear: both;
}
.sstMenu li {
  float: left;
}
.sstMenu li a {
  display: block;
  border: solid 1px #666;
  border-right: none;
  text-align: center;
  height: 34px;
  line-height: 32px;
  padding: 0 25px;
  font-size: 10pt;
}
.sstMenu li a.on {
  background: #333;
  border-color: #333;
  color: #fff;
}
.sstMenu li:first-child a {
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.sstMenu li:last-child a {
  border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-right: solid 1px #666;
}

/* 기사관리 */
html.driver {
  height: 100%;
  overflow: hidden;
}
body.driver {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#driver {
  height: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
.dvTop {
  background: #f5f5f5;
  padding: 15px 20px;
  min-width: 1400px;
}
.dvTop:after {
  content: "";
  display: table;
  clear: both;
}
.dvtSel {
  float: left;
  margin-right: 15px;
  height: 40px;
  border: none;
  font-size: 14pt;
  font-weight: 700;
  width: 240px;
  border: solid 1px transparent;
  border-bottom: solid 1px #aaa;
  background: url("../../img/common/select_arrow.png") no-repeat right 7px
    center;
  background-size: 10px auto;
}
.dvtSel:focus {
  border: solid 1px transparent;
  border-bottom: solid 1px #aaa;
}
.dvtTab {
  float: left;
}
.dvtTab:after {
  content: "";
  display: table;
  clear: both;
}
.dvtTab li {
  float: left;
}
.dvtTab li a {
  display: block;
  text-align: center;
  height: 40px;
  line-height: 38px;
  padding: 0 25px;
  font-size: 10pt;
  border: solid 1px #333;
  background: #fff;
}
.dvtTab li a.current {
  background: #333;
  color: #fff;
}
.dvtTab li:first-child a {
  border-top-left-radius: 3px;
  -moz-border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  -moz-bottom-left-radius: 3px;
  -webkit-bottom-left-radius: 3px;
}
.dvtTab li:last-child a {
  border-top-right-radius: 3px;
  -moz-border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  -moz-bottom-right-radius: 3px;
  -webkit-bottom-right-radius: 3px;
}

.dvtExl {
  float: right;
}
.dvtExl:after {
  content: "";
  display: table;
  clear: both;
}
.dvtExl a,
.dvtExl label {
  display: block;
  float: left;
  width: 100px;
  margin-right: 5px;
  height: 40px;
  line-height: 38px;
  text-align: center;
  border: solid 1px #333;
  background: #fff;
  font-size: 10pt;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvtExl a:last-child,
.dvtExl label:last-child {
  margin-right: 0;
}
.dvSch {
  padding: 15px 20px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  min-width: 1400px;
}
.dvsInr {
  position: relative;
  padding-right: 100px;
}
.dvsInr:after {
  content: "";
  display: table;
  clear: both;
}
.dvsRow {
  margin-top: 10px;
}
.dvsInr .dvsRow:first-child {
  margin-top: 0;
}
.dvsRow:after {
  content: "";
  display: table;
  clear: both;
}
.dvsCol {
  float: left;
  position: relative;
  padding-left: 60px;
  padding-right: 30px;
}
.dvsCol dt {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10pt;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
}
.dvsCol dd {
  height: 26px;
}
.dvsCol dd ul.dvsList {
  height: 28px;
  padding-top: 3px;
  height: 26px;
}
.dvsCol dd ul.dvsList:after {
  content: "";
  display: table;
  clear: both;
}
.dvsCol dd ul.dvsList li {
  float: left;
  margin-right: 10px;
}
.dvsCol dd ul.dvsList li:last-child {
  margin-right: 0;
}
.dvsCol dd select {
  width: 160px;
}
.dvsCol dd input.dvsName {
  width: 100px;
}
.dvsCol dd input.dvsNum {
  width: 100px;
}
.dvsCol dd input.dvsTel {
  width: 155px;
}
.dvsCol dd input.dvsAddr {
  width: 300px;
}
.dvsCol dd input#search_text {
  width: 410px;
}
.dvaCtrct {
  width: 100%;
  max-width: 300px;
}
.dvaCtrct input[type="text"] {
  width: 100% !important;
}
.dvsSbmt {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100px;
  background: #333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvsSbmt > span {
  display: table;
  width: 100%;
  height: 100%;
}
.dvsSbmt > span > span {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size: 12pt;
  font-weight: 500;
}
.dvInfo {
  padding: 10px 20px;
  border-bottom: solid 1px #ddd;
  min-width: 1400px;
}
.dvInfo:after {
  content: "";
  display: table;
  clear: both;
}
.dvInfo > p {
  float: left;
  height: 27px;
  line-height: 36px;
}
.dvInfo > p b {
}
.dvInfo > p b.red {
  color: #f00;
}
.dvTab {
  float: left;
  margin-left: 20px;
}
.dvTab:after {
  content: "";
  display: table;
  clear: both;
}
.dvTab li {
  float: left;
}
.dvTab li a {
  display: block;
  background: #fff;
  border: solid 1px #aaa;
  color: #aaa;
  border-right: none;
  height: 27px;
  line-height: 24px;
  padding: 0 12px;
  cursor: pointer;
}
.dvTab li a.on {
  background: #333;
  color: #fff;
  border-color: #333;
}
.dvTab li:first-child a {
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.dvTab li:last-child a {
  border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
  border-right: solid 1px #aaa;
}
.dviBtn {
  float: right;
}
.dviBtn:after {
  content: "";
  display: table;
  clear: both;
}
.dviBtn > li {
  float: left;
  margin-right: 5px;
}
.dviBtn > li:last-child {
  margin-right: 0;
}
.dviBtn > li > a,
.dviBtn > li > label {
  display: block;
  background: #fff;
  border: solid 1px #aaa;
  height: 27px;
  line-height: 24px;
  padding: 0 12px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dviBtn > li > a.bk,
.dviBtn > li > label.bk {
  background: #333;
  color: #fff;
  border-color: #333;
}
.dviBtn > li > a.gray,
.dviBtn > li > label.gray {
  background: #f4f4f4;
  color: #000;
  border-color: #d4d4d4;
}
.dviExl {
  position: relative;
}
.dviExl > button {
  display: block;
  background: #fff;
  border: solid 1px #aaa;
  height: 27px;
  line-height: 24px;
  padding: 0 12px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.dviExl > div {
  display: none;
  position: absolute;
  width: 240px;
  top: 100%;
  left: 50%;
  margin-top: 5px;
  padding: 10px 15px 15px;
  background: #fff;
  border: solid 1px #333;
  transform: translate(-50%, 0);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dviExl > div:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -3px;
  width: 0;
  border-bottom: 6px solid #333;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.dviExl ul:after {
  content: "";
  display: table;
  clear: both;
}
.dviExl ul li {
  float: left;
  width: 50%;
  margin-top: 5px;
}
.dviExl ul li input[type="checkbox"] {
}
.dviExl ul li input[type="checkbox"] + label {
  font-size: 9pt;
}
.dviExl a {
  display: block;
  background: #333;
  color: #fff;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvSmpl {
}
.dvSmpl li {
  position: relative;
  padding-right: 70px;
  margin-bottom: 5px !important;
  width: 100% !important;
  margin-top: 0 !important;
}
.dvSmpl li:last-child {
  margin-bottom: 0 !important;
}
.dvSmpl li p {
  height: 26px;
  line-height: 26px;
}
.dvSmpl li a {
  height: 26px;
  line-height: 26px;
  width: 60px;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 0;
}

.dvCont {
  height: calc(100% - 212px);
  overflow-y: auto;
  padding: 20px;
}
.dvTb {
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}
.dvTb tbody tr:hover {
  background: #f8f8f8;
}
.dvTb tbody tr.on {
  background: #5ef19c;
}
.dvTb th,
.dvTb td {
  border: solid 1px #ddd;
  text-align: center;
  font-family: "dotum", sans-serif;
  font-size: 12px;
}
.dvTb th {
  font-weight: 500;
  background: #f5f5f5;
  border-top: solid 1px #333;
  padding: 5px;
  font-weight: bold;
}
.dvTb td {
  padding: 8px;
}
.dvTb td.dvtName a,
.dvTb td.dvtPtnr a {
  text-decoration: underline;
  font-weight: bold;
}

.dvTb2 {
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}
.dvTb2 tbody tr:hover {
  background: #f8f8f8;
}
.dvTb2 th,
.dvTb2 td {
  border: solid 0px #ddd;
  text-align: center;
  font-family: "dotum", sans-serif;
  font-size: 12px;
}
.dvTb2 th {
  font-weight: 500;
  background: #f5f5f5;
  border-top: solid 1px #333;
  padding: 5px;
  font-weight: bold;
}
.dvTb2 td {
  padding: 4px;
}
.dvTb2 td.dvtName a,
.dvTb2 td.dvtPtnr a {
  text-decoration: underline;
  font-weight: bold;
}

.dvtGubun .dvCate {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  padding: 0 3px;
  font-family: "dotum", sans-serif;
  font-size: 12px;
  text-align: center;
  cursor: help;
  color: #fff;
  margin: 0px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvtGubun .dvCate:nth-child(1) {
  background: #777;
}
.dvtGubun .dvCate:nth-child(2) {
  background: #555;
}
.dvtGubun .dvCate:nth-child(3) {
  background: #333;
}
[data-tooltip] {
  position: relative;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  transform: translate(-50%, 0);
  padding: 4px 10px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 0em;
  background-color: #333;
  color: #fff;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  content: attr(data-tooltip);
  text-align: center;
  line-height: 1.2;
  white-space: pre;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #333;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* 기사관리 팝업 */
#dvAdd {
  display: none;
  position: fixed;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#dvAdd > div {
  display: table;
  width: 100%;
  height: 100%;
}
#dvAdd > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#dvDeliAdd {
  display: none;
  position: fixed;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#dvDeliAdd > div {
  display: table;
  width: 100%;
  height: 100%;
}
#dvDeliAdd > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.dvaVenue {
  background: #fff;
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaVenue.sm {
  max-width: 1080px;
}

.dvaCont {
  background: #fff;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaCont.sm {
  max-width: 420px;
}
.dvaTitle:after {
  content: "";
  display: table;
  clear: both;
}
.dvaTitle h4 {
  float: left;
  font-size: 14pt;
  height: 30px;
  line-height: 30px;
}
.dvaX {
  display: block;
  float: right;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background: url("/img/driver/driver_popup_close.png") no-repeat center center;
  background-size: 18px auto;
}
.dvaSub {
  margin-top: 20px;
  margin-bottom: 5px;
  font-size: 11pt;
  position: relative;
  padding-left: 8px;
  line-height: 1.3em;
}
.dvaSub:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #333;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -2px;
}
.dvaTb {
  border-top: solid 2px #333;
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}
.dvaTb th,
.dvaTb td {
  border: solid 1px #ddd;
  padding: 5px;
}
.dvaTb th {
  background: #f5f5f5;
  font-weight: 500;
}
.dvaTb td p {
  padding: 3px 0;
}
.dvaTb td input[type="text"],
.dvaTb td input[type="password"],
.dvaTb td input[type="tel"],
.dvaTb td input[type="text"],
.dvaTb td input[type="number"],
.dvaTb td select,
.dvaTb td textarea {
  display: block;
  width: 100%;
}
.dvaTb td input[type="number"].dvaNo {
  width: 80px;
}
.dvaGbun {
}
.dvaGbun a {
  display: inline-block;
  height: 22px;
  line-height: 22px;
  padding: 0 8px;
  font-size: 9pt;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaDate {
  position: relative;
}
.dvaDate input[type="text"] {
  padding-right: 26px;
  box-sizing: border-box;
  width: 100%;
}
.dvaDate input[type="text"] + label {
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 0;
  top: 0;
  text-indent: -9999px;
  background: url("/img/common/calendar.png") no-repeat center center;
  background-size: 14px auto;
  cursor: pointer;
}
.dvaCtrct:after {
  content: "";
  display: table;
  clear: both;
}
.dvaCtrct li {
  float: left;
  width: 45%;
}
.dvaCtrct li:nth-child(2) {
  width: 10%;
  text-align: center;
  height: 26px;
  line-height: 26px;
}
.dvaTel {
  width: 100%;
  max-width: 400px;
}
.dvaTel:after {
  content: "";
  display: table;
  clear: both;
}
.dvaTel li {
  float: left;
}
.dvaTel li:nth-child(odd) {
  width: 30%;
}
.dvaTel li:nth-child(even) {
  width: 5%;
  height: 26px;
  line-height: 26px;
  text-align: center;
}
.dvaTel li select {
  display: block;
  width: 100%;
  min-width: 100%;
}
.dvaTel li input[type="tel"] {
  display: block;
  width: 100% !important;
}
.dvaRdo {
}
.dvaRdo:after {
  content: "";
  display: table;
  clear: both;
}
.dvaRdo li {
  float: left;
  margin-right: 10px;
}
.dvaRdo li:last-child {
  margin-right: 0;
}
.dvaAddr {
  position: relative;
  max-width: 400px;
  width: 100%;
}
.dvaAddr li {
}
.dvaAddr li:nth-child(1) {
  margin-bottom: 5px;
  padding-right: 80px;
}
.dvaAddr li:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
}
.dvaAddr li:nth-child(2) a {
  display: block;
  height: 26px;
  line-height: 26px;
  width: 75px;
  font-size: 9pt;
  text-align: center;
  background: #333;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaAddr li input[type="text"] {
  width: 100% !important;
}
.dvaTrck {
  padding-left: 8px;
}
.dvaTrck span {
  vertical-align: middle;
  font-size: 10pt;
}
.dvaTrck a {
  vertical-align: middle;
}
.dvaBtn {
  text-align: center;
  margin-top: 20px;
}
.dvaBtn:after {
  content: "";
  display: table;
  clear: both;
}
.dvaBtn li {
  display: inline-block;
  margin: 0 3px;
}
.dvaBtn li a {
  display: block;
  height: 40px;
  line-height: 38px;
  width: 100px;
  border: solid 1px #aaa;
  font-size: 10pt;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaBtn li a.bk {
  background: #333;
  color: #fff;
  border-color: #333;
}
#trAdd {
  display: none;
  position: fixed;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#trAdd > div {
  display: table;
  width: 100%;
  height: 100%;
}
#trAdd > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.traCont {
  background: #fff;
  width: 100%;
  max-width: 840px;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.traCont.lg {
  max-width: 1040px;
}
.traCont.sm {
  max-width: 360px;
}
.traSch {
  position: relative;
  background: #f5f5f5;
  border: solid 1px #ddd;
  margin-top: 20px;
  padding: 10px;
  padding-right: 100px;
}
.traSch:after {
  content: "";
  display: table;
  clear: both;
}
.traSch .dvsCol dd input.dvsAddr {
  width: 175px;
}
.traSch .dvsSbmt {
  right: 10px;
  top: 10px;
  bottom: 10px;
  width: 85px;
}
.traSch .dvsRow:first-child {
  margin-top: 0;
}
.traTb {
  height: 300px;
  margin-top: 15px;
  overflow-y: auto;
  border: solid 1px #ddd;
}
.dvDtl {
  display: none;
  position: fixed;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.dvDtl > div {
  display: table;
  width: 100%;
  height: 100%;
}
.dvDtl > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
#dvLoad {
  display: none;
  position: fixed;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#dvLoad > div {
  display: table;
  width: 100%;
  height: 100%;
}
#dvLoad > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.cpySel {
  position: relative;
  padding-right: 80px;
}
.cpySel select {
  display: block;
  width: 100%;
}
.cpySel a {
}

/* 페이징 */
.paging {
  text-align: center;
}
.paging a {
  width: 26px;
  height: 26px;
  line-height: 24px;
  border: solid 1px #e5e5e5;
  font-size: 9pt;
}
.paging > a {
  display: inline-block;
  vertical-align: middle;
  background-size: 6px auto !important;
  text-indent: -9999px;
}
.paging a.first {
  background: url("/img/common/paging_first.png") no-repeat center center;
}
.paging a.prev {
  background: url("/img/common/paging_prev.png") no-repeat center center;
  margin-left: 3px;
}
.paging a.next {
  background: url("/img/common/paging_next.png") no-repeat center center;
  margin-right: 3px;
}
.paging a.last {
  background: url("/img/common/paging_last.png") no-repeat center center;
}
.paging ul {
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
}
.paging ul:after {
  content: "";
  display: table;
  clear: both;
}
.paging ul li {
  float: left;
  margin: 0 1px;
}
.paging ul li a {
  display: block;
}
.paging ul li.on a {
  background: #333;
  color: #fff;
  border-color: #333;
}

/* 배차관리 */
html.baechar {
  height: 100%;
  overflow: hidden;
}
body.baechar {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#baechar {
  position: relative;
  height: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
#baechar .dvSch {
  top: 60px;
}
#baechar .dvInfo {
  top: 154px;
}

.bcScr {
  height: calc(100% - 212px);
  padding: 20px;
  overflow-y: auto;
}
.bcBot {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: solid 1px #ddd;
  padding: 18px 0 25px;
}
.bctbTitle {
  font-weight: bold;
  text-decoration: underline;
}
.bctbStt {
  font-weight: bold;
}
.bctbStt.sky {
  color: #079c8e;
}
.bctbStt.grn {
  color: #ef612a;
}
.bctbBtn {
  display: inline-block;
  background: #fff;
  border: solid 1px #666;
  padding: 0 5px;
  height: 20px;
  line-height: 20px;
  font-size: 11px;
  margin: 0 2px;
  cursor: pointer;
  vertical-align: middle;
  box-sizing: border-box;
  white-space: nowrap;
}
.bctbBtn.bctbCpy {
  background: #888;
  border-color: #888;
  color: #fff;
}
.bctbBtn.bctbEdt {
  background: #555;
  border-color: #555;
  color: #fff;
}
.bctbBtn.bctbDel {
  background: #333;
  border-color: #333;
  color: #fff;
}
.bctbBtn.bctbDwn:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
.bctbBtn.bctbAdd:hover {
  background: #333;
  border-color: #333;
  color: #fff;
}
.bctbBtn.actDw {
  text-indent: -9999px;
  width: 19px;
  background: url("/img/cal/actual_down.png") no-repeat center center;
  background-size: 11px auto;
}
.bctbBtn.actDel {
  text-indent: -9999px;
  width: 19px;
  background: url("/img/cal/actual_delete.png") no-repeat center center;
  background-size: 11px auto;
}
.bcdvTop {
  height: 62px;
}
.bcdvCate:after {
  content: "";
  display: table;
  clear: both;
}
.bcdvCate span {
  display: block;
  float: left;
  margin-right: 3px;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  font-family: "dotum", sans-serif;
  font-size: 12px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bcdvCate span:nth-child(1) {
  background: #777;
}
.bcdvCate span:nth-child(2) {
  background: #555;
}
.bcdvCate span:nth-child(3) {
  background: #333;
}
.bcdvCate span:last-child {
  margin-right: 0;
}
.bcdvTitle {
  font-size: 20pt;
}

#excelFile {
  display: none;
}
#excelFile + label {
}

/* admin 관리자 */
html.adm {
  height: 100%;
  overflow: hidden;
}
body.adm {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#adm {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 180px;
  padding-top: 60px;
  min-width: 1400px;
}
.admInr {
  height: 100%;
  width: 100%;
  padding-bottom: 70px;
  position: relative;
}
.admInr.view {
  padding-bottom: 0;
}
.admInr.view .admCont {
  height: calc(100% - 50px);
}
.admTitle {
  height: 50px;
  border-bottom: solid 1px #ddd;
  padding: 0 20px;
}
.admTitle:after {
  content: "";
  display: table;
  clear: both;
}
.admTitle h2 {
  float: left;
  height: 49px;
  line-height: 49px;
  font-size: 15pt;
}
.admTab {
  float: left;
  padding: 9px 0;
  margin-left: 20px;
}
.admTab:after {
  content: "";
  display: table;
  clear: both;
}
.admTab li {
  float: left;
}
.admTab li a {
  display: block;
  text-align: center;
  height: 31px;
  line-height: 29px;
  padding: 0 10px;
  font-size: 9pt;
  border: solid 1px #333;
  background: #fff;
}
.admTab li a.on {
  background: #333;
  color: #fff;
}

.dvSch.adm {
  top: 50px;
  border-top: none;
}
.dvSch.adm .dvsCol {
  width: 25%;
}
.dvSch.adm .dvsCol input[type="text"] {
  width: 100% !important;
}
.dvSch.adm .dvsCol.ssr {
  width: 33.3333%;
  padding-right: 85px;
  position: relative;
}
.dvSch.adm .dvsCol.ssr input[type="text"] {
  width: 100% !important;
}
.dvSch.adm .dvsCol.ssr a {
  display: block;
  position: absolute;
  right: 15px;
  top: 0;
  height: 26px;
  line-height: 26px;
  text-align: center;
  background: #333;
  color: #fff;
  width: 65px;
}
.dvSch.adm .dvsCol dd select {
  width: 100%;
}
.dvInfo.adm {
  top: 143px;
  min-width: 1200px;
}
.admCont {
  height: calc(100% - 191px);
  overflow-y: auto;
  padding: 20px;
}
.admBtn {
  margin-top: 10px;
}
.admBtn:after {
  content: "";
  display: table;
  clear: both;
}
.chkDel {
  display: block;
  background: #333;
  color: #fff;
  height: 27px;
  line-height: 27px;
  padding: 0 12px;
  position: absolute;
  left: 20px;
  top: 18px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.dvaTb.adm {
  font-family: "dotum", sans-serif;
}
.dvaTb.adm th {
  font-weight: bold;
}
.dvaTb.adm td input[type="text"],
.dvaTb.adm td input[type="password"],
.dvaTb.adm td input[type="tel"],
.dvaTb.adm td input[type="text"],
.dvaTb.adm td input[type="number"],
.dvaTb.adm td select {
  width: auto;
  max-width: 100%;
}
.dvaTb.adm td input[type="number"].dvaNo {
  width: 80px;
}

#aside {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  background: #f5f5f5;
  width: 180px;
  border-right: solid 1px #ccc;
  z-index: 10;
}
.asMenu:after {
  content: "";
  display: table;
  clear: both;
}
.asMenu > li {
  border-bottom: solid 1px #e5e5e5;
}
.asMenu > li > a {
  display: block;
  height: 49px;
  line-height: 49px;
  position: relative;
  padding: 0 15px;
  font-size: 10pt;
}
.asMenu > li > a.on {
  font-size: 10pt;
  font-weight: 500;
  background: #fff;
}
.asMenu > li > a.on:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  background: url("/img/common/asise_arrow.png") no-repeat center center;
  background-size: 5px auto;
}
.asMenu > li > a.on:before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
}
.asMenu {
  transform: translateZ(0px) translateX(0px) !important;
  width: 100% !important;
}
.asMenu > li {
  width: 100% !important;
}

#aside_v2 {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  background: #666666;
  width: 180px;
  border-right: solid 1px #ccc;
  z-index: 10;
}
.asMenu_v2:after {
  content: "";
  display: table;
  clear: both;
}
.asMenu_v2 > li {
  border-bottom: solid 1px #898989;
}
.asMenu_v2 > li > a {
  color: #fff;
  display: block;
  height: 49px;
  line-height: 49px;
  position: relative;
  padding: 0 15px;
  font-size: 10pt;
}
.asMenu_v2 > li > a.on {
  color: #333;
  font-size: 10pt;
  font-weight: 500;
  background: #fff;
}
.asMenu_v2 > li > a.on:after {
  color: #333;
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  background: url("/img/common/asise_arrow.png") no-repeat center center;
  background-size: 5px auto;
}
.asMenu_v2 > li > a.on:before {
  color: #333;
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
}
.asMenu_v2 {
  transform: translateZ(0px) translateX(0px) !important;
  width: 100% !important;
}
.asMenu_v2 > li {
  width: 100% !important;
}

/* 모니터링 */
html.mnt {
  height: 100%;
  overflow: hidden;
}
body.mnt {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#mntWrap {
  height: 100%;
  padding-top: 60px;
  padding-left: 240px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-width: 1400px;
}

.mntAsd {
  position: fixed;
  top: 60px;
  left: 0;
  bottom: 0;
  width: 240px;
  border-right: solid 1px #e5e5e5;
  background: #fff;
  z-index: 10;
  overflow-y: auto;
}
.mntAsd li {
  border-bottom: solid 1px #e5e5e5;
}
.mntAsd li a {
  display: block;
  padding: 15px 30px 15px 15px;
  position: relative;
  background: #f5f5f5;
}
.mntAsd li a p:after {
  content: "";
  display: table;
  clear: both;
}
.mntAsd li a p span {
  display: block;
  float: left;
  background: #ccc;
  margin-right: 3px;
  height: 16px;
  line-height: 17px;
  padding: 0 5px;
  font-family: "dotum", sans-serif;
  font-size: 11px;
  text-align: center;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.mntAsd li a p span:last-child {
  margin-right: 0;
}
.mntAsd li a h5 {
  font-size: 11pt;
  margin-top: 3px;
  color: #888;
  font-weight: 400;
}
.mntAsd li a.on {
  background: #fff;
}
.mntAsd li a.on:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4px;
  background: url("/img/common/asise_arrow.png") no-repeat center center;
  background-size: 5px auto;
}
.mntAsd li a.on p span:nth-child(1) {
  background: #777;
}
.mntAsd li a.on p span:nth-child(2) {
  background: #555;
}
.mntAsd li a.on p span:nth-child(3) {
  background: #333;
}
.mntAsd li a.on h5 {
  color: #333;
  font-weight: 500;
}
.mntAsd li.none {
  text-align: center;
  padding: 20px 0;
  font-size: 10pt;
  color: #aaa;
  font-weight: 300;
  letter-spacing: 0em;
}

.mntSch {
  padding: 12px 0;
  float: left;
}
.mntSch:after {
  content: "";
  display: table;
  clear: both;
}
.mntSch .dvaDate {
  float: left;
  width: 140px;
}
.mntSch select {
  float: left;
  margin-right: 5px;
}
.mntSch h5 {
  line-height: 26px;
  float: left;
  margin-right: 10px;
  font-size: 12px;
  font-weight: 400;
}
.mntsSbmt {
  display: block;
  float: left;
  background: #333;
  color: #fff;
  text-align: center;
  padding: 0 15px;
  height: 26px;
  line-height: 26px;
  margin-left: 5px;
}
.mntsTdy {
  display: block;
  float: left;
  border: solid 1px #333;
  text-align: center;
  padding: 0 15px;
  height: 26px;
  line-height: 24px;
  margin-left: 5px;
}
.mntFull {
  float: left;
  display: block;
  height: 26px;
  line-height: 24px;
  background: #fff;
  padding: 0 15px;
  border: solid 1px #333;
  margin-left: 10px;
  margin-top: 12px;
  cursor: pointer;
}

.mntCont {
  height: calc(100% - 50px);
  overflow-y: auto;
  background: #f7f7f9;
  padding: 10px;
}
.mntRow:after {
  content: "";
  display: table;
  clear: both;
}
.mntCol {
  padding: 10px;
  float: left;
}
.mntCol.col1 {
  width: 10%;
}
.mntCol.col2 {
  width: 20%;
}
.mntCol.col3 {
  width: 30%;
}
.mntCol.col4 {
  width: 40%;
}
.mntCol.col5 {
  width: 50%;
}
.mntCol.col6 {
  width: 60%;
}
.mntCol.col7 {
  width: 70%;
}
.mntCol.col8 {
  width: 80%;
}
.mntCol.col9 {
  width: 90%;
}
.mntCol.col10 {
  width: 100%;
}
.mntBox {
  background: #fff;
  padding: 25px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
}
.mnbTitle {
  position: relative;
  margin-bottom: 10px;
}
.mnbTitle:after {
  content: "";
  display: table;
  clear: both;
}
.mnbTitle h5 {
  float: left;
  font-size: 14pt;
  font-weight: 500;
}

.mnbCht {
}
.mnbCht .none {
  border: dashed 1px #ddd;
  padding: 30px;
  text-align: center;
  font-size: 10pt;
  color: #aaa;
  font-weight: 300;
  letter-spacing: 0em;
}

.mntTitle {
}
.mntTitle:after {
  content: "";
  display: table;
  clear: both;
}
.mntTitle h3 {
  float: left;
  font-size: 20pt;
  line-height: 40px;
}
.mntTitle ul {
  float: right;
}
.mntTitle ul:after {
  content: "";
  display: table;
  clear: both;
}
.mntTitle ul li {
  float: left;
  margin-right: 20px;
  font-size: 12pt;
  font-weight: 300;
  line-height: 40px;
}
.mntTitle ul li:last-child {
  margin-right: 0;
}
.dvTb td.none {
  font-family: "Noto Sans KR", sans-serif;
  padding: 30px;
  font-size: 10pt;
  color: #aaa;
  font-weight: 300;
  letter-spacing: 0em;
}

/*  정산관리 */
html.cal {
  height: 100%;
  overflow: hidden;
}
body.cal {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#cal {
  height: 100%;
  padding-top: 60px;
  padding-left: 180px;
  min-width: 1400px;
}
#cal.act {
  padding-top: 121px;
}
#cal .dvTop,
#cal .dvSch {
  left: 180px;
}
.calDate {
  float: left;
}
.calDate:after {
  content: "";
  display: table;
  clear: both;
}
.calDate dt {
  float: left;
  height: 40px;
  line-height: 40px;
  margin-right: 10px;
  font-size: 11pt;
  font-weight: 700;
}
.calDate dd {
  float: left;
}
.calDate dd .dvtSel {
  float: none;
  margin-right: 0;
  font-size: 12pt;
  font-weight: 400;
  letter-spacing: 0em;
}
.calSch input[type="text"] {
  width: 160px !important;
}
.calSch .dvsCol {
  padding-left: 0;
}
.calSch .dvsCol:after {
  content: "";
  display: table;
  clear: both;
}
.calSch .dvsCol dt {
  float: left;
  position: static;
  margin-right: 10px;
}
.calSch .dvsCol dd {
  float: left;
}
.calsBtn {
  float: left;
  display: block;
  margin-left: -20px;
  height: 26px;
  line-height: 26px;
  padding: 0 15px;
  color: #fff;
  background: #333;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.calInfo {
  padding: 10px 20px;
  border-bottom: solid 1px #ddd;
  background: #fff;
  z-index: 2;
}
#cal.act .calInfo {
  top: 60px;
}
.calInfo:after {
  content: "";
  display: table;
  clear: both;
}
.calInfo dl {
  float: left;
  margin-right: 30px;
  padding-right: 30px;
  position: relative;
}
.calInfo dl:last-child {
  margin-right: 0;
  padding-right: 0;
}
.calInfo dl:before {
  content: "";
  display: block;
  width: 1px;
  height: 16px;
  background: #e5e5e5;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -8px;
}
.calInfo dl:last-child:before {
  display: none;
}
.calInfo dl:after {
  content: "";
  display: table;
  clear: both;
}
.calInfo dl dt,
.calInfo dl dd {
  float: left;
  height: 40px;
  line-height: 40px;
}
.calInfo dl dt {
  font-size: 10pt;
  font-weight: 400;
  margin-right: 10px;
}
.calInfo dl dd {
  font-size: 11pt;
}
.calInfo dl dd h5 {
  font-size: 14pt;
  font-weight: 700;
  display: inline;
  margin-left: 3px;
}
.calInfo a {
  display: block;
  height: 40px;
  line-height: 40px;
  float: right;
  background: #333;
  color: #fff;
  width: 100px;
  text-align: center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.calInfo button {
  display: block;
  float: left;
  width: 40px;
  height: 40px;
  margin-right: 15px;
  cursor: pointer;
  margin-left: -5px;
  border: solid 1px #aaa;
  text-indent: -9999px;
  background: url("/img/cal/table_hide.png") no-repeat center center;
  background-size: 14px auto !important;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.calInfo button.on {
  background: url("/img/cal/table_show.png") no-repeat center center;
}
.calInfo a.calSave {
  float: left;
  height: 26px;
  line-height: 26px;
  width: 60px;
  margin-top: 7px;
}
.calInfo a.calBack {
  float: left;
  height: 26px;
  line-height: 24px;
  width: 60px;
  margin-top: 7px;
  margin-right: 5px;
  background: #fff;
  color: #000;
  border: solid 1px #333;
}

#calSide {
  position: fixed;
  left: 0;
  top: 60px;
  bottom: 0;
  background: #f5f5f5;
  width: 180px;
  border-right: solid 1px #ccc;
  z-index: 1;
}
.csMenu:after {
  content: "";
  display: table;
  clear: both;
}
.csMenu > li {
  border-bottom: solid 1px #e5e5e5;
}
.csMenu > li > a {
  display: block;
  height: 49px;
  line-height: 49px;
  position: relative;
  padding: 0 15px;
  font-size: 10pt;
}
.csMenu > li > ul {
  padding: 5px 15px 10px 15px;
  display: none;
}
.csMenu > li > ul > li {
  position: relative;
  padding-left: 8px;
  margin-bottom: 5px;
}
.csMenu > li > ul > li:last-child {
  margin-bottom: 0;
}
.csMenu > li > ul > li:before {
  content: "";
  display: block;
  width: 2px;
  height: 2px;
  background: #333;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
}
.csMenu > li > ul > li > a {
  display: inline-block;
  font-size: 10pt;
}
.csMenu > li > ul > li > a.on {
  font-weight: 500;
  text-decoration: underline;
}
.csMenu > li > a.on {
  font-size: 10pt;
  font-weight: 500;
  background: #fff;
}
.csMenu > li > a.on:after {
  content: "";
  display: block;
  width: 5px;
  height: 9px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  background: url("/img/common/asise_arrow.png") no-repeat center center;
  background-size: 5px auto;
}
.csMenu > li > a.on:before {
  content: "";
  display: block;
  width: 4px;
  height: 100%;
  background: #333;
  position: absolute;
  left: 0;
  bottom: 0;
}
.csMenu > li > a.on ~ ul {
  background: #fff;
  display: block;
}
#csTgl {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 1px;
  text-indent: -9999px;
  width: 17px;
  height: 34px;
  background: #111;
  cursor: pointer;
  border-radius: 0px 0px 6px 0px;
  -moz-border-radius: 0px 0px 6px 0px;
  -webkit-border-radius: 0px 0px 6px 0px;
}
#csTgl:after {
  content: "";
  display: block;
  width: 4px;
  height: 6px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -3px;
  margin-left: -2px;
  background: url("/img/cal/aside_toggle.png") no-repeat left center;
}
#csTgl.on:after {
  background-position: right center;
}

.lgCont {
  height: 100%;
  width: 100%;
  padding: 20px 15px;
}
.lgScr {
  height: 100%;
  overflow-y: auto;
}
.lgWrap {
}
.lgWrap > form {
  display: block;
  width: 100%;
  height: 100%;
}
.lgTb {
  table-layout: fixed;
  font-family: "dotum", sans-serif;
  letter-spacing: 0em;
}
.lgTb th,
.lgTb td {
  background: #fff;
  border: solid 1px #d5d5d5;
  text-align: center;
  vertical-align: middle;
  padding: 5px 3px;
  height: auto !important;
}
.lgTb th {
  background: #f5f5f5;
  font-size: 11px;
  border-top-color: #333;
}
.lgTb td {
  font-size: 12px;
}
.lgTb td span {
  height: 26px;
  line-height: 26px;
}
.lgtSel {
  display: block;
  min-width: 100%;
  max-width: 60px;
}
.lgteBox {
  display: block;
  position: relative;
  padding: 4px 0;
  height: 26px;
  box-sizing: border-box;
}
.lgteBox input[type="text"] {
  display: block;
  height: 17px;
  box-sizing: border-box;
  font-family: "dotum", sans-serif;
  text-align: center;
  text-indent: 0px;
  background: #fff;
}
.lgteBox a {
  display: inline-block;
  width: 17px;
  height: 17px;
  box-sizing: border-box;
  border: solid 1px #aaa;
  margin: 0 2px;
  position: relative;
  text-indent: -9999px;
  background: #fff;
}
.lgteBox a.lgteDel {
}
.lgteBox a.lgteAdd {
}
.lgteBox a:before,
.lgteBox a:after {
  content: "";
  display: block;
  background: #333;
  position: absolute;
  left: 50%;
  top: 50%;
}
.lgteBox a:before {
  width: 7px;
  height: 1px;
  margin-left: -4px;
  margin-top: -1px;
}
.lgteBox a:after {
  width: 1px;
  height: 7px;
  margin-top: -4px;
  margin-left: -1px;
}
.lgteBox a.lgteDel:after {
  display: none;
}

.lgtChk {
  width: 20px !important;
}
.lgtNo {
  width: 30px !important;
}
.lgtCar {
  width: 80px !important;
}
.lgtName {
  width: 45px !important;
}
.lgtCall {
  width: 85px !important;
}
.lgtPay {
  width: 80px !important;
}
.lgtCnt {
  width: 50px !important;
}
.lgtOvr {
  width: 50px !important;
}
.lgtEdt {
  width: 60px !important;
}
.lgtDay {
  width: 60px !important;
}
.lgtNbr {
  width: 140px !important;
}
.lgtBnk {
  width: 60px !important;
}

.actNo {
  width: 40px !important;
}
.actNum {
  width: 100px !important;
}
.actName {
  width: 60px !important;
}
.actCall {
  width: 120px !important;
}
.actPay {
  width: 140px !important;
}
.actBnk {
  width: 80px !important;
}
.actAccNum {
  width: 140px !important;
}
.actAccName {
  width: 80px !important;
}
.actAccCode {
  width: 140px !important;
}
.actDtl {
  display: inline-block;
  background: #333;
  color: #fff;
  padding: 0 10px;
  height: 30px;
  line-height: 30px;
}

.lgtTf {
  border: none !important;
  background: #f5f5f5 !important;
  font-size: 11px !important;
  padding: 20px 3px !important;
}
.lgtDrv {
  background: #fff !important;
}
.lgtDly {
  background: #f1f1f1 !important;
}
.lgtTf b.red {
  color: #f00;
  font-size: 12px !important;
}
.lgtTotal {
  text-align: right !important;
}
.lgTb th.last,
.lgTb td.last {
  border-right-color: #999;
}
.lgtHide {
  /* display: none !important; */
}
.lgtIpt {
  box-sizing: border-box;
  text-align: right;
  padding-right: 5px;
}
.lgtFile {
  display: none;
}
.lgtFile + label {
}

.fht-thead,
.fht-tbody {
  -webkit-box-shadow: 1px 0px 30px 0px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 1px 0px 30px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 0px 30px 0px rgba(0, 0, 0, 0.15);
}
.fht-tfoot {
  background: #f5f5f5;
}
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  overflow: hidden;
  position: relative;
}
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
  overflow: auto;
}
.fht-table-wrapper .fht-table .fht-cell {
  overflow: hidden;
  height: 1px;
}
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
  top: 0;
  left: 0;
  position: absolute;
}
.fht-table-wrapper .fht-fixed-column {
  z-index: 1;
}

.dvaCont.lgp {
  max-width: 1000px;
}
.dvaCont.pay {
  max-width: 320px;
}
.dvaCont.loc {
  max-width: 600px;
}

.lgpTitle {
  margin-top: 20px;
}
.lgpTitle:after {
  content: "";
  display: table;
  clear: both;
}
.lgpTitle h5 {
  float: left;
  font-size: 12pt;
  height: 26px;
  line-height: 26px;
  position: relative;
  padding-left: 7px;
}
.lgpTitle h5:before {
  content: "";
  display: block;
  width: 2px;
  height: 14px;
  background: #000;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
}
.lgpTitle select {
  display: block;
  float: left;
  margin-left: 20px;
}

.lgpIpt {
}
.lgpIpt dl {
  margin-top: 15px;
}
.lgpIpt dl dt {
  padding-bottom: 5px;
  font-size: 11pt;
  font-weight: 700;
}
.lgpIpt dl dd {
}
.lgpIpt th,
.lgpIpt td {
  padding: 5px;
  border: solid 1px #ddd;
}
.lgpIpt th {
  width: 70px;
  text-align: left;
  font-weight: 500;
  background: #f5f5f5;
  text-align: right;
  font-weight: 700;
}
.lgpIpt td {
}
.lgpIpt td input[type="text"] {
  display: block;
  text-align: right;
  padding-right: 5px;
}

.dvpPay {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  padding-left: 20px;
}
.dvpPay input[type="text"] {
  display: inline-block;
  width: 180px;
  vertical-align: bottom;
  height: 34px;
  font-size: 12pt;
}
.dvpPay span {
  font-size: 10pt;
  vertical-align: bottom;
  margin-left: 5px;
}

#locSel {
  display: none;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
}
#locSel > div {
  display: table;
  width: 100%;
  height: 100%;
}
#locSel > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.locBtn {
  margin: 0 -5px;
  padding: 5px 0;
}
.locBtn:after {
  content: "";
  display: table;
  clear: both;
}
.locBtn li {
  float: left;
  width: 20%;
  padding: 5px;
}
.locBtn li input[type="radio"] {
  display: none;
}
.locBtn li input[type="radio"] + label {
  position: relative;
  display: block;
  margin-left: 0;
  text-align: center;
  border: solid 1px #666;
  font-size: 10pt;
  height: 50px;
  line-height: 48px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  overflow: hidden;
}
.locBtn li input[type="radio"]:checked + label {
  background: #333;
  border-color: #333;
  color: #fff;
}
.locBtn li input[type="radio"] + label span {
  display: block;
  background: #333;
  color: #fff;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1em;
  padding: 0 5px;
  font-size: 9pt;
  font-family: "dotum", sans-serif;
  font-weight: bold;
  height: 16px;
  line-height: 16px;
  border-radius: 0px 0px 0px 2px;
  -moz-border-radius: 0px 0px 0px 2px;
  -webkit-border-radius: 0px 0px 0px 2px;
}

/* 실비정산 */
.actAdd {
  margin-top: 20px;
}
.actAdd a {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  background: #333;
  font-size: 11pt;
  font-weight: 500;
  color: #fff;
  font-family: "Noto Sans KR", sans-serif;
}
.actTotal {
  color: #f00;
  font-size: 13px;
}

/* 마커추가 */
.mapPin {
  border-radius: 50%;
  width: 20px;
  height: 20px;
  position: relative;
  margin-top: 7px;
  margin-left: 2px;
  -webkit-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 3px 3px 0px rgba(0, 0, 0, 0.45);
}
.mapPin em {
  display: block;
  position: absolute;
  width: 0px;
  height: 0px;
  bottom: -22px;
  border: 10px solid transparent;
}
.mapPin span {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  font-size: 8pt;
}

/* 게이트웨이관리 */
.gtwAdd {
}
.gtwAdd p {
  display: inline;
  vertical-align: middle;
}
.gtwAdd p b {
}
.gtwAdd a {
}

/* 포장관리 */
html.pack {
  height: 100%;
  overflow: hidden;
}
body.pack {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#pack {
  position: relative;
  height: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
#pack .dvInfo {
}

.pkSch {
  padding: 15px 20px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
}
.pksInr {
  position: relative;
  padding-right: 100px;
}
.pksInr:after {
  content: "";
  display: table;
  clear: both;
}
.pksRow {
  margin-top: 10px;
}
.pksInr .pksRow:first-child {
  margin-top: 0;
}
.pksRow:after {
  content: "";
  display: table;
  clear: both;
}
.pksCol {
  float: left;
  position: relative;
  padding-left: 60px;
  padding-right: 30px;
}
.pksCol dt {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 10pt;
  font-weight: 500;
  height: 26px;
  line-height: 26px;
}
.pksCol dd {
  height: 26px;
}
.pksCol button,
.pksCol a {
  margin-left: 5px;
  background: #333;
  color: #fff;
  height: 27px;
  line-height: 26px;
  padding: 0 12px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.pkInfo {
  height: 80px;
  border-bottom: solid 1px #ddd;
  background: #fafafa;
  text-align: center;
  position: relative;
}
.pkInfo:after {
  content: "";
  display: table;
  clear: both;
}
.pkMatch {
  display: inline-block;
}
.pkMatch:after {
  content: "";
  display: table;
  clear: both;
}
.pkMatch li {
  float: left;
  width: 260px;
  position: relative;
  padding: 0 15px;
}
.pkMatch li dl {
  padding: 15px 0;
}
.pkMatch li dl dt {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
}
.pkMatch li dl dd {
  font-size: 24px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pkMatch li dl dd.disabled {
  color: #ddd;
}
.pkMatch li:first-child:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: solid 1px #d5d5d5;
  background: #fff url("../../img/baechar/packing_matching.png") no-repeat
    center center;
  background-size: 12px auto;
  position: absolute;
  right: -15px;
  top: 50%;
  margin-top: -15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.pkIpt {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -20px;
}
.pkIpt:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -9px;
  background: url("../../img/baechar/packing_barcode.png") no-repeat center
    center;
  background-size: cover;
}
.pkIpt input[type="text"] {
  display: block;
  height: 40px;
  width: 260px;
  font-size: 14px;
  padding-left: 30px;
}
.pkIpt input[type="text"]:focus {
  border-color: #f00;
}
#pkStart {
  display: block;
  width: 140px;
  height: 40px;
  line-height: 40px;
  background: #2cb53c;
  color: #fff;
  font-size: 12pt;
  font-weight: 500;
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -20px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#pkStart.on {
  background: #d93232;
}

.pkScr {
  height: calc(100% - 186px);
  padding: 20px;
  overflow-y: auto;
}
.pkTrLnk {
  color: #f00;
  font-weight: bold;
}
.pkTrLnk.none {
  color: #bbb;
  font-weight: normal;
}
.pkTrSsr {
  margin-right: 5px;
  font-weight: bold;
  vertical-align: middle;
}
.pkTb {
  border-left: solid 2px #fff;
  border-right: solid 2px #fff;
}
.pkTb tbody tr:hover {
  background: #f8f8f8;
}
.pkTb th,
.pkTb td {
  border: solid 1px #ddd;
  text-align: center;
  font-family: "dotum", sans-serif;
  font-size: 12px;
}
.pkTb th {
  background: #f5f5f5;
  border-top: solid 1px #333;
  padding: 5px 0;
  font-weight: bold;
}
.pkTb td {
  padding: 8px 5px;
}
.pkTb tr.focus {
  background: #ffd0d0;
}

/* 운행일지new */
.ijWrap {
  height: calc(100% - 189px);
  padding-right: 260px;
  position: relative;
}

.ijCont {
  height: 100%;
  overflow-y: auto;
}
.ijCont .grid-wrapper {
  height: 100%;
}
.ijCont .grid-wrapper > div {
  height: 100% !important;
}
.ijTb {
}

.ijSide {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 260px;
  border-left: solid 1px #ddd;
  z-index: 1;
  padding: 0 15px 15px;
}
.ijSide h4 {
  font-size: 13pt;
  margin: 0 -15px 10px;
  padding: 10px 15px;
  border-bottom: solid 1px #ddd;
  background: #f5f5f5;
}
.ijSide table {
}
.ijSide th,
.ijSide td {
  padding: 10px 0;
}
.ijSide th {
  text-align: left;
  width: 60px;
}
.ijSide td {
}
.ijsSave {
}
.ijsSave a {
  display: inline-block;
  background: #333;
  padding: 0 20px;
  height: 28px;
  line-height: 26px;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.jiLoc {
  display: block;
  width: 100%;
}
.jiMemo {
  display: block;
  width: 100%;
  height: 120px;
  resize: none;
  margin-top: 5px;
}
.jiDlvry {
}
.jiDlvry:after {
  content: "";
  display: table;
  clear: both;
}
.jiDlvry li {
  float: left;
  width: 33.3333%;
}
.jiDlvry li:last-child {
  text-align: right;
}

.jiClor {
}
.jiClor:after {
  content: "";
  display: table;
  clear: both;
}
.jiClor li {
  float: left;
  width: 16.6666%;
}
.jiClor li input[type="radio"] {
  display: none;
}
.jiClor li input[type="radio"] + label {
  display: block;
  height: 26px;
  width: 100%;
  margin-left: 0;
  text-indent: -9999px;
}
.jiClor li:first-child input[type="radio"] + label {
  border-radius: 3px 0px 0px 3px;
  -moz-border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.jiClor li:last-child input[type="radio"] + label {
  border-radius: 0px 3px 3px 0px;
  -moz-border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
}
.jiClor li input[type="radio"]:checked + label {
  -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
}
.jiClor li:nth-child(1) input[type="radio"] + label {
  background: #fff;
  border: solid 1px #bbb;
}
.jiClor li:nth-child(2) input[type="radio"] + label {
  background: #ffa8a8;
}
.jiClor li:nth-child(3) input[type="radio"] + label {
  background: #fff4a8;
}
.jiClor li:nth-child(4) input[type="radio"] + label {
  background: #d1ffa8;
}
.jiClor li:nth-child(5) input[type="radio"] + label {
  background: #a8e7ff;
}
.jiClor li:nth-child(6) input[type="radio"] + label {
  background: #c9a8ff;
}
.jiClor li:nth-child(1) input[type="radio"]:checked + label {
  background: #f5f5f5;
  border: solid 1px #666;
}
.jiClor li:nth-child(2) input[type="radio"]:checked + label {
  background: #ed8585;
  border: solid 1px #6c0f0f;
}
.jiClor li:nth-child(3) input[type="radio"]:checked + label {
  background: #fff4a8;
  border: solid 1px #6c5f01;
}
.jiClor li:nth-child(4) input[type="radio"]:checked + label {
  background: #b2ff6d;
  border: solid 1px #357000;
}
.jiClor li:nth-child(5) input[type="radio"]:checked + label {
  background: #6acdf3;
  border: solid 1px #126281;
}
.jiClor li:nth-child(6) input[type="radio"]:checked + label {
  background: #9467df;
  border: solid 1px #4c11af;
}

/* box관제 */
#bxWrap {
  padding-top: 60px;
  padding-left: 340px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
#bxWrap #ssLft {
  width: 340px;
}

.bxCar {
}
.bxCar li {
  border-bottom: solid 1px #ddd;
}
.bxCar li a {
  display: block;
  padding: 10px;
  position: relative;
  padding-left: 90px;
}
.bxCar li a:after {
  content: "";
  display: table;
  clear: both;
}
.bxCar li a.on {
  background: #eee;
}
.bxCar li a.on:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border: solid 1px #333;
}
.bxCar li a:hover {
  background: #f5f5f5;
}
.bxcLft {
  position: absolute;
  left: 10px;
  top: 10px;
  bottom: 10px;
  width: 65px;
  padding-right: 10px;
  border-right: solid 1px #ccc;
  text-align: center;
}
.bxcLft > div {
  display: table;
  width: 100%;
  height: 100%;
}
.bxcLft > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.bxcNum {
  display: none;
}
.bxCar.num .bxcNum {
  display: block;
  font-size: 16px;
  font-weight: 700;
}
.bxcStart {
  display: inline-block;
  background: #fff;
  border: solid 1px #333;
  font-size: 12px;
  padding: 1px 2px;
  cursor: pointer;
  margin-top: 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.bxcStart:hover {
  background: #333;
  color: #fff;
}

.bxcTop {
  padding-right: 120px;
  position: relative;
}
.bxcTop h5 {
  position: relative;
  font-size: 16px;
  letter-spacing: 0.25em;
  height: 20px;
  line-height: 20px;
}
.bxcTop h5:after {
  content: "기사님";
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.05em;
  line-height: 1em;
}
.bxcTop span {
  display: block;
  font-size: 12px;
  letter-spacing: 0em;
}
.bxcTop p {
  font-size: 15px;
  letter-spacing: -0.025em;
  font-weight: 700;
  height: 30px;
  line-height: 26px;
  padding: 0 10px;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -15px;
  background: #fff;
  border: solid 1px #aaa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0px 0px 0px 2px rgba(0, 0, 0, 0.05);
}
.bxcTop p:before,
.bxcTop p:after {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #aaa;
  position: absolute;
  top: 50%;
  margin-top: -2px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}
.bxcTop p:before {
  left: 3px;
}
.bxcTop p:after {
  right: 3px;
}
.bxcBot {
  margin-top: 5px;
}
.bxcBot:after {
  content: "";
  display: table;
  clear: both;
}
.bxcBot em {
  display: block;
  float: left;
  height: 20px;
  line-height: 20px;
  width: 60px;
  white-space: nowrap;
}
.bxcBot em b {
  font-family: "Chakra Petch", sans-serif;
  font-size: 15pt;
  font-weight: 700;
  margin-right: 5px;
}
.bxcBot.none em b {
  color: #f00;
  font-size: 11pt;
  font-weight: 700;
}
.bxcBot u {
  display: block;
  float: right;
  text-decoration: none;
  height: 20px;
  line-height: 24px;
}
.bxcBot u b {
  font-size: 9pt;
  font-weight: 500;
}
.bxcBot u b.min {
  margin-right: 5px;
  color: #126bf1;
}
.bxcBot u b.max {
  margin-left: 5px;
  color: #fd4d66;
}

.bxCont {
  height: calc(100% - 60px);
  background: #f7f7f9;
  padding: 10px;
}
.bxCont:after {
  content: "";
  display: table;
  clear: both;
}
.bxBox {
  background: #fff;
  padding: 20px;
  height: 100%;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.05);
}
.bxInr {
  height: 100%;
  position: relative;
  padding-top: 40px;
}
.bxTitle {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 40px;
  border-bottom: solid 1px #e5e5e5;
}
.bxTitle:after {
  content: "";
  display: table;
  clear: both;
}
.bxTitle h5 {
  font-size: 18px;
  float: left;
}
.bxTitle a {
  display: block;
  float: right;
  height: 28px;
  line-height: 28px;
  background: #333;
  color: #fff;
  padding: 0 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bxList {
  padding: 10px;
  float: left;
  width: 100%;
  height: 60%;
}
.bxScr {
  height: 100%;
  overflow: auto;
}
.bxGrph {
  padding: 10px;
  float: left;
  width: 70%;
  height: 40%;
}
.bxChart {
  height: 100%;
}
.bxChart #chart {
  max-height: 100% !important;
  height: 100%;
}
.bxChart #chart svg {
  height: 100% !important;
}

.bxTime {
  padding: 10px;
  float: left;
  width: 30%;
  height: 40%;
}
.bxTb tr.on {
  background: #ffe2e2;
}

/* 배송관리 */
html.baesong {
  height: 100%;
  overflow: hidden;
}
body.baesong {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#baesong {
  position: relative;
  height: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
#baesong .dvSch {
  top: 60px;
}
#baesong .dvsInr {
  padding-right: 0;
}
#baesong .bcdvTop {
  float: left;
}
#baesong .dviBtn {
  float: right;
}
.bsRow {
  display: table;
  width: 100%;
  height: calc(100% - 94px);
}
.bsCol {
  display: table-cell;
  height: 100%;
  position: relative;
  padding-top: 51px;
}
.bsTop {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 51px;
  border-bottom: solid 1px #e5e5e5;
  padding: 0 20px;
}
.bsTop:after {
  content: "";
  display: table;
  clear: both;
}
.bsTop h5 {
  float: left;
  font-size: 20px;
  font-weight: 700;
  height: 50px;
  line-height: 50px;
}
.bstBtn {
  display: block;
  float: right;
  margin-right: 3px;
  background: #fff;
  border: solid 1px #aaa;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  margin-top: 12px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bstBtn.bk {
  background: #333;
  color: #fff;
  border-color: #333;
  margin-right: 0;
}
.bstWan {
  display: block;
  height: 26px;
  line-height: 26px;
  float: right;
  margin-right: 15px;
  margin-top: 12px;
  font-weight: 500;
}
.bstWan:after {
  content: "";
  display: table;
  clear: both;
}
.bstWan:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  margin-top: -2px;
  background: #ffe2e2;
  border: solid 1px #ffbcbc;
}
.bstInfo {
  float: left;
  line-height: 56px;
  margin-left: 10px;
  font-size: 13px;
}
.bsDrv {
  width: 40%;
  border-right: solid 1px #ddd;
}
.bsLoc {
  width: 60%;
}
.bsDrv_v2 {
  width: 20%;
  border-right: solid 1px #ddd;
}
.bsLoc_v2 {
  width: 80%;
}
.bscInr {
  padding: 15px;
  height: 100%;
  overflow-y: auto;
}
.bscInr_top_v2 {
  padding: 15px;
  height: 450px;
  border-left: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  overflow-y: auto;
}
.bscInr_mid_v2 {
  padding-left: 15px;
  padding-right: 15px;
  height: 50px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  overflow-y: auto;
}
.bscInr_bottom_v2 {
  padding: 15px;
  height: 200px;
  border: 1px solid #ddd;
  overflow-y: auto;
}
.bsNum {
  display: inline-block;
  width: 40px !important;
  max-width: 100%;
  text-align: center;
}
.tal {
  text-align: left !important;
}
.tac {
  text-align: center !important;
}
.tar {
  text-align: right !important;
}
.bsAlgn {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  width: 10px;
  height: 9px;
  text-indent: -9999px;
  cursor: pointer;
  margin-top: -2px;
  background: url("/img/driver/table_align.png") no-repeat center center;
}
.bstSch {
  display: block;
  float: left;
  margin-top: 12px;
  margin-left: 30px;
}
.bstSch:after {
  content: "";
  display: table;
  clear: both;
}
.bstSch input[type="text"] {
  display: block;
  float: left;
  width: 200px;
}
.bstSch a {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #333;
  color: #fff;
}
.bsBack {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  border: solid 1px #333;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bsBack:hover {
  background: #333;
  color: #fff;
}

/* 정산관리 renewal */
.ag-theme-balham .ag-header-cell-label {
  width: 100% !important;
  justify-content: center;
}
.ag-theme-balham .ag-header-cell,
.ag-theme-balham .ag-header-group-cell {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 11px;
  font-family: "dotum", sans-serif;
  color: #000;
  font-weight: normal;
}
.ag-theme-balham .ag-cell {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 11px;
  font-family: "dotum", sans-serif;
  text-align: center;
}
.ag-theme-balham .ag-root {
  border: none !important;
}

/* 기사 데이터복사 */
#copyPop {
  display: none;
  position: fixed;
  z-index: 1001;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#copyPop > div {
  display: table;
  width: 100%;
  height: 100%;
}
#copyPop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}

.bctBox {
  float: left;
  padding: 17px 0;
}
.bctBox:after {
  content: "";
  display: table;
  clear: both;
}
.bctBox dl {
  font-size: 10pt;
  float: left;
}
.bctBox dl:after {
  content: "";
  display: table;
  clear: both;
}
.bctBox dl dt {
  float: left;
  color: #fff;
  height: 30px;
  line-height: 30px;
}
.bctBox dl dd {
  float: left;
  margin-left: 10px;
}
.bctBox dl dd input[type="number"] {
  display: block;
  height: 26px;
  width: 60px;
  background: none;
  border: solid 1px #fff;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bctBox a {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-left: 5px;
  background: #079c8e;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.bsBox {
  float: right;
  margin-right: 20px;
}
.bsBox:after {
  content: "";
  display: table;
  clear: both;
}
.bsBox dl {
  font-size: 10pt;
  float: left;
}
.bsBox dl:after {
  content: "";
  display: table;
  clear: both;
}
.bsBox dl dt {
  float: left;
  height: 30px;
  line-height: 30px;
}
.bsBox dl dd {
  float: left;
  margin-left: 10px;
}
.bsBox dl dd input[type="number"] {
  display: block;
  height: 26px;
  width: 60px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.bsBox a {
  display: block;
  float: left;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  margin-left: 5px;
  background: #079c8e;
  color: #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* 관제기록 */
#rcdWrap {
  height: 100%;
  padding-top: 60px;
  padding-bottom: 70px;
  min-width: 1400px;
}
#rcdWrap .dvSch {
  top: 109px;
}
.bcbRht {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -16px;
}
.bcbRht:after {
  content: "";
  display: table;
  clear: both;
}
.bcbRht li {
  float: left;
  margin-right: 5px;
}
.bcbRht li:last-child {
  margin-right: 0;
}
.bcbRht li a {
  display: block;
  height: 30px;
  line-height: 28px;
  border: solid 1px #333;
  color: #000;
  padding: 0 10px;
}
.bcbRht li a:hover {
  background: #666;
  border-color: #666;
  color: #fff;
}
.bcbRht li a.bk {
  background: #333;
  border-color: #333;
  color: #fff;
}
.bcbRht li a.bk:hover {
  background: #111;
  border-color: #111;
}

/* 보관소 221024 */
html.storage {
  height: 100%;
  overflow: hidden;
}
body.storage {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#storage {
  position: relative;
  height: 100%;
  padding-top: 118px;
  min-width: 1400px;
}
#storage:after {
  content: "";
  display: table;
  clear: both;
}
.strg-wrap {
  height: 100%;
  min-width: 1080px;
}
.strg-wrap .strg-cont {
  height: 50%;
  float: left;
  position: relative;
  padding-top: 50px;
}
.strg-wrap .strg-cont:nth-child(2n-1) {
  border-right: solid 1px #ddd;
  width: 70%;
}
.strg-wrap .strg-cont:nth-child(2n) {
  width: 30%;
}
.strg-wrap .strg-cont:nth-child(3),
.strg-wrap .strg-cont:nth-child(4) {
  border-top: solid 1px #ddd;
}
.strg-wrap .strg-cont.h100 {
  height: 100%;
  padding-top: 100px;
}
.strg-wrap .strg-cont.h100:nth-child(2n-1) {
  width: 60%;
}
.strg-wrap .strg-cont.h100:nth-child(2n) {
  width: 40%;
}
.strg-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  padding: 11px 15px;
  border-bottom: solid 1px #ddd;
  background: #f5f5f5;
}
.strg-top:after {
  content: "";
  display: table;
  clear: both;
}
.strg-top h5 {
  float: left;
  height: 27px;
  line-height: 27px;
  font-size: 16px;
}
.strg-top a {
  display: block;
  float: right;
}
.strg-inner {
  height: 100%;
  padding: 15px;
  overflow-y: auto;
}
.strg-img {
}
.strg-img img {
  display: block;
  width: 100%;
}
.strg-control {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  padding: 11px 15px;
  border-bottom: solid 1px #ddd;
}
.strg-control:after {
  content: "";
  display: table;
  clear: both;
}
.strg-control.static {
  position: static;
  margin: 20px -15px 10px;
  padding: 0 15px;
  border-bottom: none;
}
.strg-sch {
  float: left;
}
.strg-sch.right {
  float: right;
}
.strg-sch:after {
  content: "";
  display: table;
  clear: both;
}
.strg-sch input[type="text"] {
  display: block;
  float: left;
  height: 27px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.strg-sch button,
.strg-sch a {
  display: block;
  float: left;
  margin-left: 5px;
  background: #333;
  color: #fff;
  height: 27px;
  line-height: 26px;
  padding: 0 12px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.strg-addr {
  position: relative;
  padding-left: 40px;
}
.strg-addr span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  height: 26px;
  line-height: 26px;
}
#strg-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background: rgba(0, 0, 0, 0.7);
  display: none;
}
#strg-pop > div {
  display: table;
  width: 100%;
  height: 100%;
}
#strg-pop > div > div {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.strg-pop__box {
  background: #fff;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.strg-item {
  display: none;
}
.chk-list {
  padding: 3px 0;
}
.chk-list:after {
  content: "";
  display: table;
  clear: both;
}
.chk-list li {
  margin-right: 20px;
  float: left;
}
.chk-list li:last-child {
  margin-right: 0;
}
.strg-list tr {
  cursor: pointer;
}
.strg-list tr.on {
  background: #ffebeb;
}

.stk-top {
  padding: 15px 20px;
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
}
.stk-top:after {
  content: "";
  display: table;
  clear: both;
}
.stk-menu {
  float: left;
  margin: -4px 0;
}
.stk-menu:after {
  content: "";
  display: table;
  clear: both;
}
.stk-menu li {
  float: left;
}
.stk-menu li a {
  display: block;
  border: solid 1px #666;
  text-align: center;
  height: 34px;
  line-height: 32px;
  padding: 0 25px;
  font-size: 10pt;
}
.stk-menu li a.on {
  background: #333;
  border-color: #333;
  color: #fff;
}
.stk-menu li:first-child a {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.stk-menu li:last-child a {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
}
.stk-sch {
  float: right;
}
.stk-sch:after {
  content: "";
  display: table;
  clear: both;
}
.stk-sch dt {
  float: left;
  height: 26px;
  line-height: 26px;
  margin-right: 5px;
}
.stk-sch dd {
  float: left;
}
.stk-sch dd:after {
  content: "";
  display: table;
  clear: both;
}
.stk-sch dd select {
  float: left;
}
.stk-sch dd button {
  float: left;
}

.stk-cont {
  float: left;
  height: 50%;
  position: relative;
  padding-top: 50px;
}
.stk-cont1 {
  width: 70%;
  border-right: solid 1px #ddd;
}
.stk-cont2 {
  width: 30%;
}
.stk-cont3 {
  width: 100%;
  border-top: solid 1px #ddd;
}
.stk-tab {
}
.stk-tab:after {
  content: "";
  display: table;
  clear: both;
}
.stk-tab li {
  float: left;
}
.stk-tab li button {
  display: block;
  border: solid 1px #666;
  text-align: center;
  cursor: pointer;
  height: 27px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 12px;
  background: #fff;
  border-right: none;
}
.stk-tab li:last-child button {
  border-right: solid 1px #666;
}
.stk-tab li button.on {
  background: #333;
  border-color: #333;
  color: #fff;
}
.stk-tab li:first-child button {
  border-radius: 3px 0px 0px 3px;
  -webkit-border-radius: 3px 0px 0px 3px;
}
.stk-tab li:last-child button {
  border-radius: 0px 3px 3px 0px;
  -webkit-border-radius: 0px 3px 3px 0px;
}
.stk-tabcon {
  display: none;
}
.stk-tabcon__sch {
  position: relative;
  padding-right: 55px;
}
.stk-tabcon__sch input[type="text"] {
  display: block;
  width: 100%;
}
.stk-tabcon__sch button,
.stk-tabcon__sch a {
  display: block;
  background: #333;
  color: #fff;
  text-align: center;
  cursor: pointer;
  width: 50px;
  height: 27px;
  line-height: 25px;
  padding: 0 10px;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
}
.stk-list tr {
  cursor: pointer;
}
.stk-list tr.on {
  background: #ffebeb;
}

.sly-cont {
  position: relative;
  padding-top: 49px;
  height: 100%;
}
.sly-exl {
  float: right;
  display: block;
  border: solid 1px #666;
  text-align: center;
  cursor: pointer;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  background: #fff;
}

/* 20230629 */
html.general {
  height: 100%;
  overflow: hidden;
}
body.general {
  display: block;
  height: 100%;
  overflow-y: hidden;
  overflow-x: scroll;
}
#gn-item {
  height: 100%;
  padding-top: 60px;
  min-width: 1400px;
}
.gn-item__row {
  display: flex;
  width: 100%;
  height: calc(100% - 50px);
}
.gn-item__row.column {
  flex-direction: column;
}
.gn-item__row.h100 {
  height: 100%;
  position: relative;
}
.gn-item__col {
  display: flex;
  flex-direction: column;
  position: relative;
}
.gn-item__col.row {
  flex-direction: row;
}
.gn-item__col.w33 {
  width: 33.33% !important;
}
.gn-item__col.w30 {
  width: 30% !important;
}
.gn-item__col.w40 {
  width: 40% !important;
}
.gn-item__col.w50 {
  width: 50% !important;
}
.gn-item__col.w60 {
  width: 60% !important;
}
.gn-item__col.w70 {
  width: 70% !important;
}
.gn-item__col.w300 {
  width: 300px !important;
}
.gn-item__col.shrink {
  flex-shrink: 0;
  border-right: solid 1px #888;
}
.gn-item__col.grow {
  flex-grow: 1;
}
.gn-item__col.left {
  border-right: solid 1px #888;
}
.gn-item__col.left + .gn-item__col {
  background: #f8f8f8;
}
.gn-item__col.left + .gn-item__col th {
  background: #eaeaea;
}
.gn-item__col.left + .gn-item__col td {
  border-color: #d5d5d5;
}
.gn-item__top {
  flex-shrink: 0;
  width: 100%;
  border-bottom: solid 1px #e5e5e5;
  padding: 0 20px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
}
.gn-item__top.flex-start {
  justify-content: flex-start;
}
.gn-item__top.flex-end {
  justify-content: flex-end;
}
.gn-item__top.between {
  justify-content: space-between;
}
.gn-item__title {
  font-size: 20px;
  font-weight: 700;
  flex-shrink: 0;
}
.gn-item__title.sm {
  font-size: 14px;
  font-weight: 600;
}
.gn-item__sch {
  display: flex;
  flex-shrink: 0;
  margin-left: 10px;
}
.gn-item__sch input[type="text"] {
  display: block;
  width: 200px;
  border-right: none;
}
.gn-item__sch a {
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #333;
  color: #fff;
}
.gn-item__btn {
  flex-grow: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.gn-item__btn.flex-start {
  justify-content: flex-start;
}
.gn-item__btn.flex-center {
  justify-content: center;
}
.gn-item__btn.left {
  flex-shrink: 0;
  flex-grow: 0;
}
.gn-item__btn li {
  margin-right: 5px;
}
.gn-item__btn li:last-child {
  margin-right: 0;
}
.gn-item__btn li a,
.gn-item__btn li button,
.gn-item__btn li label {
  display: block;
  background: #fff;
  border: solid 1px #aaa;
  height: 26px;
  line-height: 24px;
  padding: 0 10px;
  cursor: pointer;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.gn-item__btn li a.bk,
.gn-item__btn li button.bk,
.gn-item__btn li label.bk {
  background: #333;
  color: #fff;
  border-color: #333;
}
.gn-item__btn li a.back:before,
.gn-item__btn li button.back:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 4px;
  height: 4px;
  margin-right: 5px;
  margin-top: -2px;
  border-left: solid 1px #666;
  border-bottom: solid 1px #666;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
}
.gn-item__btn li a.bk.back:before,
.gn-item__btn li button.bk.back:before {
  border-color: #fff;
}
.gn-item__info {
  font-size: 14px;
}
.gn-item__scr {
  flex-grow: 1;
  overflow-y: auto;
  padding: 20px;
}
.gn-item__page {
  flex-shrink: 0;
  border-top: solid 1px #e5e5e5;
  padding: 0 20px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: center;
}
.gn-item__bot {
  flex-shrink: 0;
  border-top: solid 1px #e5e5e5;
  padding: 0 20px;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: space-between;
}
.gn-item__input {
  border-left-color: #fafafa;
  border-right-color: #fafafa;
}
.gn-item__input td {
  padding: 5px;
}
.gn-item__input td:first-child {
  font-weight: bold;
}
.gn-item__input input[type="text"],
.gn-item__input select {
  width: 100%;
  display: block;
}
.gn-item__biznum {
  display: flex;
  align-items: center;
}
.gn-item__biznum input[type="text"] {
  display: block;
  flex-grow: 1;
}
.gn-item__biznum span {
  flex-shrink: 0;
  margin: 0 10px;
}
.gn-item__mapimg {
}
.gn-item__mapimg input[type="file"] {
  display: none;
}
.gn-item__addr {
  position: relative;
  padding-right: 50px;
}
.gn-item__addr input[type="text"] {
  border-right: none;
}
.gn-item__addr a,
.gn-item__addr button {
  display: block;
  width: 50px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  color: #fff;
  background: #333;
  position: absolute;
  right: 0;
  top: 0;
}
span.red {
  color: #f00;
}
span.blu {
  color: #0072ff;
}
span.grn {
  color: #378f00;
}
.mt5 {
  margin-top: 5px;
}
.mb5 {
  margin-bottom: 5px;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}

.pop {
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  z-index: 1002;
  background: rgba(0, 0, 0, 0.7);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 30px;
  overflow-y: auto;
}
.pop.flex-start {
  align-items: flex-start;
}
.pop-box {
  background: #fff;
  margin: 0 auto;
  padding: 20px 20px 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
}
.pop-box.w1400 {
  min-width: 1400px;
}
.pop-box.w600 {
  min-width: 600px;
}
.pop-box.w400 {
  min-width: w400;
}
.pop-title:after {
  content: "";
  display: table;
  clear: both;
}
.pop-title h4 {
  float: left;
  font-size: 14pt;
  height: 30px;
  line-height: 30px;
}
.pop-close {
  display: block;
  float: right;
  text-indent: -9999px;
  width: 30px;
  height: 30px;
  background: url("/img/driver/driver_popup_close.png") no-repeat center center;
  background-size: 18px auto;
}
.pop-sch {
  padding: 10px 20px;
  background: #f5f5f5;
  border: solid 1px #e5e5e5;
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.pop-sch__item {
  flex-grow: 1;
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.pop-sch__item dt {
  flex-shrink: 0;
  margin-right: 20px;
  font-size: 13px;
}
.pop-sch__item dd {
  flex-grow: 1;
}
.pop-sch__item dd input[type="text"],
.pop-sch__item dd select {
  display: block;
  width: 100%;
}
.pop-sch__submit {
  flex-shrink: 0;
  display: block;
  width: 80px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 14px;
}
.pop-sch__scr {
  margin-top: 20px;
  border: solid 1px #e5e5e5;
  padding: 10px;
  overflow-y: auto;
  max-height: 500px;
}

.gn-ware__list {
  flex-shrink: 0;
  padding: 20px;
  border-top: solid 1px #e5e5e5;
  height: 300px;
}
.gn-ware__list h5 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  color: #888;
}
.gn-ware__list h5 strong {
  font-weight: 700;
  color: #333;
}
.gn-ware__info {
  flex-shrink: 0;
  width: 200px;
  border-right: solid 1px #e5e5e5;
  padding: 20px;
}
.gn-ware__info h3 {
  font-size: 20px;
}
.gn-ware__info p {
}
.gn-ware__info h5 {
  margin-top: 30px;
  margin-bottom: 5px;
  font-size: 14px;
}
.gn-ware__scr {
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}
.gn-ware__cell {
}
.gn-ware__cell th,
.gn-ware__cell td {
  border: solid 1px #ddd;
  padding: 5px;
}
.gn-ware__cell th {
  font-weight: 500;
}
.gn-ware__cell td {
  position: relative;
}
.gn-ware__cell td.full {
  background: #ff5a5a;
}
.gn-ware__cell td.cell1 {
  background: #ffec65;
}
.gn-ware__cell td.cell2 {
  background: #3ac8ff;
}
.gn-ware__cell td.empty {
  background: #fff;
}
.gn-ware__cell tbody th {
  background: #ddf9ff;
}
.gn-ware__cell tfoot th {
  background: #eee;
}
.gn-ware__cell tfoot tr th:first-child {
  background: #ffc8c8;
}

.gn-ware__cell td.full:hover,
.gn-ware__cell td.cell1:hover,
.gn-ware__cell td.cell2:hover {
  background: #333;
}

.gn-temp__row {
  display: flex;
}
.gn-temp__row.grow {
  flex-grow: 1;
}
.gn-temp__row.shrink {
  flex-shrink: 0;
  border-top: solid 1px #e5e5e5;
}
.gn-temp__row .gn-item__scr {
  position: absolute;
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
}
.gn-temp__graph {
  padding: 20px;
}
.gn-temp__plan img {
  display: block;
  width: 100%;
}

.gn-adm__code {
  width: 100px !important;
}
.gn-adm__textarea {
  display: block;
  width: 100%;
  height: 100px;
}
.gn-adm__input {
  display: flex;
  align-items: center;
}
.gn-adm__input input {
  width: 40px !important;
  margin-right: 10px;
}
.gn-adm__input span {
  margin-right: 10px;
}
.gn-adm__input + em {
  display: block;
  font-size: 11px;
  margin-top: 5px;
}
.gn-adm__bdn th {
  border: none !important;
}
.gn-adm__bdn td {
  border-left: none !important;
  border-right: none !important;
}

.wh-sch {
  display: flex;
  align-items: center;
}
.wh-sch.between {
  justify-content: space-between;
}
.wh-sch > h5 {
  font-size: 12px;
  margin-left: 20px;
  margin-right: 10px;
}
.wh-sch > h5:first-child {
  margin-left: 0;
}
.wh-sch__date {
  display: flex;
  align-items: center;
}
.wh-sch__date .date {
  width: 120px;
}
.wh-sch__date span {
  margin: 0 5px;
}
.wh-sch__select {
}
.wh-sch__sch {
  display: flex;
  align-items: center;
}
.wh-sch__sch.grow {
  flex-grow: 1;
}
.wh-sch__sch input[type="text"] {
  display: block;
  width: 200px;
  border-right: none;
}
.wh-sch__sch a {
  display: block;
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  background: #333;
  color: #fff;
  white-space: nowrap;
}
.mr0 {
  margin-right: 0 !important;
}

.inv-bottom {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  padding-top: 20px;
  border-top: solid 1px #888;
  background: #f8f8f8;
}
.inv-bottom .gn-item__col.left + .gn-item__col {
  background: #fff;
}
.inv-bottom .gn-item__col.left + .gn-item__col th {
  background: #f5f5f5;
}
.inv-bottom .gn-item__col.left + .gn-item__col td {
  border-color: #e5e5e5;
}
.inv-bottom .gn-item__top {
  background: #f1f1f1;
  border-bottom-color: #888;
}
.inv-tab {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  padding: 0 20px;
  border-bottom: solid 1px #333;
}
.inv-tab li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 34px;
  padding: 0 20px;
  border: solid 1px #333;
  margin-right: -1px;
  color: #333;
  margin-bottom: -1px;
  background: #fff;
}
.inv-tab li a.on {
  background: #333;
  color: #fff;
}
.inv-row {
  display: flex;
  height: 380px;
  background: #fff;
}
.inv-inner {
  display: flex;
  flex-grow: 1;
  height: calc(100% - 100px);
}
.inv-memo {
  display: block;
  width: 100%;
}
.inv-arrow {
}
.inv-arrow:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15px 0 15px 10px;
  border-color: transparent transparent transparent #aaa;
  position: absolute;
  right: -5px;
  top: 50%;
  margin-top: -15px;
}

.rel-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
  border-bottom: solid 1px #e5e5e5;
  height: 100px;
}
.rel-top__title {
}
.rel-top + .gn-item__row {
  height: calc(100% - 100px);
}
.rel-bottom {
  height: 300px;
}
.rel-bottom .gn-item__scr {
  background: #fff;
}
.rel-top__client {
}
.rel-top__client .gn-item__btn {
  flex-shrink: 0;
  flex-grow: 0;
}
.rel-top__client .wh-sch {
  flex-grow: 1;
  justify-content: flex-end;
}
.rel-scss {
  margin-left: 20px;
  display: flex;
  align-items: center;
}
.rel-scss:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background: #5ef19c;
  border: solid 1px #3a9d63;
  margin-right: 5px;
}
.rel-toggle {
  display: block;
  width: 100%;
  height: 20px;
  border: solid 1px #aaa;
  margin: 0 auto;
  background: #ddd;
  font-size: 11px;
  cursor: pointer;
}
.rel-toggle:after {
  content: "▲";
  font-size: 9px;
  margin-left: 5px;
}
.rel-toggle.on:after {
  content: "▼";
}
.rel-align {
  display: flex;
  justify-content: space-between;
}
.displayFlex {
  display: flex;
  justify-content: center;
  align-items: center;
}
.displayFlexC {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}