﻿#acodian {
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #000000;
  margin-bottom: 20px;
}
#acodian thead th {
  text-align: center;
  line-height: 70px;
  color: #000;
  border-bottom: 1px solid #000000;
  font-weight: bold;
  background: #fff;
}
#acodian tbody th,
#acodian tbody td {
  border-bottom: 1px solid #e5e5e5;
  line-height: 25px;
  padding: 5px 0px 7px 0px;
  vertical-align: middle;
}
#acodian tbody td.tit {
  text-align: left;
  line-height: 43px;
}
#acodian tbody td.tit span {
  display: inline-block;
  position: relative;
  left: 10px;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px 0 0px;
  line-height: 20px;
}
#acodian tbody td.ans {
  background: #fff;
  padding: 20px 30px;
  font-weight: normal;
  color: black;
}
/* #acodian tbody td.ans img {width:100%;} */
#acodian thead th.cen,
#acodian tbody td.cen {
  text-align: center;
}
#acodian thead th.rig,
#acodian tbody td.rig {
  text-align: right;
}
#acodian tr.odd {
  cursor: pointer;
}

#acodian2 {
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #7a7a7a;
  margin-bottom: 20px;
}
#acodian2 thead th {
  text-align: center;
  line-height: 55px;
  color: #313131;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  background: #fff;
}
#acodian2 thead td,
#acodian2 tbody th,
#acodian2 tbody td {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  line-height: 30px;
  padding: 5px 2% 7px;
  vertical-align: middle;
}
#acodian2 tbody th:first-child,
#acodian2 tbody td:first-child {
  border-left: 0px solid #e5e5e5;
}

/* open 박스 */
.useGuide table {
  border-collapse: collapse;
  width: 100%;
  border-top: 2px solid #000000;
  margin-bottom: 0px;
}
.useGuide table thead th {
  text-align: center;
  line-height: 55px;
  color: #313131;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  background: #fff;
}
.useGuide table thead td,
.useGuide table tbody th,
.useGuide table tbody td {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  line-height: 30px;
  padding: 5px 2% 7px;
  vertical-align: middle;
}
.useGuide table thead td.alignCenter,
.useGuide table tbody th.alignCenter,
.useGuide table tbody td.alignCenter {
  text-align: center;
}
.useGuide table tbody th:first-child,
.useGuide table tbody td:first-child {
  border-left: 1px solid #e5e5e5;
}
/* .useGuide h4 {margin-top:20px;font-weight:bold;background:url('/terminal2/img/circlePoint.png') no-repeat 0 55%; ;padding-left:18px; margin-bottom:3px;} */
.useGuide h4 {
  margin-top: 20px;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 2px;
}
.useGuide table tbody th {
  background: #fff;
}

/* 모두 가운데 정렬 */
.useGuide2 table {
  border-collapse: collapse;
  width: 100%;
  /* border-top: 2px solid #7a7a7a; */
  margin-bottom: 20px;
}
.useGuide2 table thead th {
  text-align: center;
  line-height: 55px;
  color: #313131;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  background: #fff;
}
.useGuide2 table thead td,
.useGuide2 table tbody th,
.useGuide2 table tbody td {
  border-bottom: 1px solid #e5e5e5;
  border-left: 1px solid #e5e5e5;
  line-height: 30px;
  padding: 5px 2% 7px;
  vertical-align: middle;
}

lineSmall
.useGuide2 table thead td,
.useGuide2 table tbody th,
.useGuide2 table tbody td {
  text-align: center;
}
.useGuide2 table tbody th:first-child,
.useGuide2 table tbody td:first-child {
  border-left: 1px solid #e5e5e5;
}
/* .useGuide2 h4 {margin-top:20px;font-weight:bold;background:url('/terminal2/img/circlePoint.png') no-repeat 0 55%; ;padding-left:18px; margin-bottom:3px;} */
.useGuide2 h4 {
  margin-top: 20px;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 2px;
}

/* close 박스 */
.useGuideC {
  border-collapse: collapse;
  width: 100%;
}
.useGuideC {
  border-top: 2px solid #7a7a7a;
  margin-bottom: 20px;
}
.useGuideC thead th {
  text-align: center;
  line-height: 36px;
  color: #313131;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
  background: #f6f6f6;
}
.useGuideC thead td,
.useGuideC tbody th,
.useGuideC tbody td {
  border-bottom: 1px solid #e5e5e5;
  border: 1px solid #e5e5e5;
  line-height: 30px;
  padding: 5px 2% 7px;
  vertical-align: middle;
}
.useGuideC thead td.alignCenter,
.useGuideC tbody th.alignCenter,
.useGuideC tbody td.alignCenter {
  text-align: center;
}
/* .useGuideC tbody th:first-child, .useGuideC tbody td:first-child {border-left:1px solid #e5e5e5;} */
/* .useGuideC h4 {margin-top:20px;font-weight:bold;background:url('/terminal2/img/circlePoint.png') no-repeat 0 55%; ;padding-left:18px; margin-bottom:3px;} */
.useGuideC h4 {
  margin-top: 20px;
  font-weight: bold;
  padding-left: 5px;
  padding-bottom: 2px;
}
.useGuideC th {
  background: #f6f6f6;
}

/* 두번째 가운데 정렬 */
.useGuide2 .useGuide_1_3 tbody td:nth-child(2) {
  text-align: left;
}

/* 첫번째 가운데 정렬 */
.useGuide .useGuide_1_4 tbody td:nth-child(1) {
  text-align: center;
}

.floor img {
  width: 100%;
}
.noticeBtn {
  padding: 2px 10px 3px;
  background: #4d92d8;
  color: white;
  font-size: 10pt;
  font-weight: bold;
  border-radius: 3px;
}

@media (max-width: 768px) {
  #con {
  }
  #acodian thead th {
    height: 30px;
  }
  #acodian thead th,
  #acodian thead td,
  #acodian tbody th,
  #acodian tbody td,
  #acodian tbody td.tit span,
  .useGuide2 table thead th,
  useGuide2 table thead td,
  .useGuide2 table tbody th,
  .useGuide2 table tbody td,
  #acodian2 thead td,
  #acodian2 thead th,
  #acodian2 tbody th,
  #acodian2 tbody td,
  .explain,
  .useGuide table thead td,
  .useGuide table tbody th,
  .useGuide table thead th,
  .useGuide table tbody td,
  .moText {
    font-size: 10pt;
    line-height: 1.5;
  }
  .noticeBtn {
    padding: 1px 6px 2px;
    background: #4d92d8;
    color: white;
    font-size: 8pt;
    font-weight: bold;
    border-radius: 3px;
  }
  .useGuide table thead th,
  .useGuide2 table thead th {
    line-height: 30px;
  }
  .useGuide img,
  .useGuide2 img {
    width: 100%;
  }
}

.list_over {
  background-color: #f9f9f9;
}
.list_out {
  background-color: #ffffff;
}
