.main-container {
  position: relative;
  padding-top: 80px;
}
.main-container .header-content {
  position: relative;
  border-bottom: 1px solid #ddd;
}
.main-container h2 {
  font-size: 1.3rem;
  font-weight: 600;
}
.view-header {
  padding-top: 24px;
}
h1.content-title {
  font-weight: 600;
  font-size: 1.8rem;
}
.view-head-info {
  padding: 0;
  margin-bottom: 10px;
}
.main-content {
  display : block;
  position: relative;
  overflow: hidden;
}
.viewMain {
  width: 100%;
  box-sizing: border-box;
}
.viewSide {
  position: relative;
}


.viewMain .viewMainInner {
}
.viewMain .viewPostTitle i {
  color: #3da1ff;
}
.viewPostCont {
  margin-bottom: 38px;
  padding: 10px 0 30px;
}
.viewPostCont .row div {
  font-size: 1rem;
}
.viewPostCont .viewPostBox {
  padding: 15px 0;
}
.viewDetTreatment .viewPostCont {
  padding-top: 0;
}
.viewDetTreatment .viewPostCont .row {
  margin: 0 -10px 0 -10px;
}
.viewDetTreatment .viewPostCont .row .viewPostBox {
  padding: 0 10px;
}
.viewDetTreatment .viewPostCont .row .viewPostBox .viewPostBoxInn {
  margin-top: 20px;
  padding: 10px 0;
}

.viewDetEquipment .viewPostCont {
  padding-top: 0;
}
.viewDetEquipment .viewPostCont .row {
  margin: 0 -10px 0 -10px;
}
.viewDetEquipment .viewPostCont .row .viewPostBox {
  padding: 0 10px;
}
.viewDetEquipment .viewPostCont .row .viewPostBox .viewPostBoxInn {
  padding: 10px 0;
}

.viewDetMealsAdds .viewPostCont {
  padding-top: 0;
}
.viewDetMealsAdds .viewPostCont .row {
  margin: 0 -10px 0 -10px;
}
.viewDetMealsAdds .viewPostCont .row .viewPostBox {
  padding: 0 10px;
}
.viewDetMealsAdds .viewPostCont .row .viewPostBox .viewPostBoxInn {
  margin-top: 20px;
  padding: 10px 0;
}
.viewDetMealsAdds .viewPostCont .row .viewPostBox .viewCardInner.left {
  margin-right: 5px;
}
.viewDetMealsAdds .viewPostCont .row .viewPostBox .viewCardInner.right {
  margin-left: 5px;
}

.viewDetNursingGrade .viewPostCont {
  padding-top: 0;
}
.viewDetNursingGrade .viewPostCont .row {
  margin: 0 -10px 0 -10px;
}
.viewDetNursingGrade .viewPostCont .row .viewPostBox {
  padding: 0 10px;
}
.viewDetNursingGrade .viewPostCont .row .viewPostBox .viewPostBoxInn {
  padding: 10px 0;
}

.viewDetSpTreatment .viewPostCont .row .viewPostBox,
.viewDetSpHospital .viewPostCont .row .viewPostBox {
  padding: 10px 0;
}


.viewPostCont h3 {
  padding-left: 5px;
  font-size: 1rem;
  font-weight: 600;
}
.viewPostCont h3 i {
  margin-right: 5px;
}
/* viewCard */
.viewCardBody .viewCardInner {
  padding: 0 7px;
  border: 1px solid #ddd;
  border-radius: 8px;
}
.viewCardBody.left {
  padding-right: 5px;
}
.viewCardBody.right {
  padding-left: 5px;
}

.viewPostCont .viewPostBox .stitle {
  font-size: 0.95rem;
}
.viewPostCont .viewPostBox .stitle,
.viewPostCont .viewPostBox .numberCount {
  padding: 7px 0;
  text-align: center;
}
.viewPostCont .viewPostBox .numberCount {
  border-top: 1px solid #ddd;
}
.viewPostItem i {
  margin-right: 7px;
}
.viewDetSpTreatment .viewPostCont .viewPostBox .stitle,
.viewDetSpHospital .viewPostCont .viewPostBox .stitle {
  padding: 0;
  font-size: 1rem;
  text-align: left;
}
.viewDetSpTreatment .viewPostCont .viewPostBox .stitle i,
.viewDetSpHospital .viewPostCont .viewPostBox .stitle i {
  margin-right: 7px;
}


.content-wrapper .info-left,
.content-wrapper .info-right {
  height: 38px;
}

.content-wrapper .info-left {
  line-height: 38px;
}
.content-wrapper .info-left .location i {
  color: #379f8a;
}

.content-wrapper .info-right .btn {
  height: 38px;
  font-size: 0.95rem;
  border-radius: 8px;
}
.content-wrapper .info-right .btn:hover {
  background-color: #f7f7f7;
}
.content-wrapper .info-left i,
.content-wrapper .info-right .btn i {
  margin-right: 5px;
}

/* 테이블 설정 */
.viewDetTraffic .viewPostCont {
  position: relative;
  width: 100%;
  overflow: auto;
}
.tableWrap {
  width: 100%;
  padding: 0;
  overflow: auto;
}

.viewTable {
  display: table;
  width: 800px;
}
.viewThead,
.viewTbody {
}
.viewTr {
  display: table-row;
}
.viewTd {
  display: table-cell;
  padding: 10px 8px;
}
.viewThead .viewTd {
  padding: 15px 8px;
  border-top: 1px solid #ddd;
  font-weight: 600;
}
.viewTbody .viewTd {
  border-top: 1px solid #ddd;
}
.viewTd.trafNm {
  width: 100px;
}
.viewTd.lineNo {
  width: 130px;
}
.viewTd.arivPlc,
.viewTd.dir {
  width: 200px;
}
.viewTd.dist,
.viewTd.rmk {
  width: 80px;
}

@media all and (min-width:1367px) {
  .container-inner {
    margin: 0 auto;
    width: 1284px;
  }
 
}

@media only screen and (max-width:1366px) {
  .container-inner {
    padding-left: 20px;
    padding-right: 20px;
    border-left-width: 0;
    border-right-width: 0;
  }
  .header .container-inner {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media only screen and (max-width:1024px) {
  /* .header {
    display: none;
  } */
  .viewSide {
    position: absolute;
    display: none;
  }
  .viewFootBar {
    display: block;
    justify-content: center;
  }
}

@media screen and (max-width:768px){
  .main-container {
    position: relative;
    padding-top: 64px;
  }
  h1.content-title {
    font-size: 1.5rem;
  }
  

}