@charset "UTF-8";
.clearBoth {
  clear: both;
}

.disFlex {
  display: flex;
  align-items: center;
}

.mgLAuto {
  margin-left: auto;
  display: flex;
  gap: 0.4rem;
}

.btn {
  font-size: 1.8rem;
}

.col-md-3, .col-sm-6 {
  padding: 0;
}

h2.tit {
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: 600;
}

h3.tit {
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
}

h4.tit {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 600;
}

h5.tit {
  margin: 1.6rem 0 0.8rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.mainHead {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 3.2rem;
  width: 100%;
  background: linear-gradient(to top, rgba(44, 60, 92, 0) 0%, rgba(44, 60, 92, 0.52) 55%, #2c3c5c 100%);
  z-index: 2;
}

.mainSlide {
  position: relative;
  width: 100%;
  background-color: #E5E5E5;
  z-index: 1;
}
.mainSlide .centerContWrap {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  margin: 0 auto;
  width: 100%;
  max-width: 120rem;
  z-index: 3;
}
.mainSlide .centerContWrap .leftWrap {
  position: relative;
  padding-bottom: 6rem;
}
.mainSlide .centerContWrap .leftWrap::before {
  content: "";
  display: block;
  width: 12.3rem;
  height: 6.8rem;
  /*background: url("../images/logo.png") no-repeat;*/
  background-size: cover;
}
.mainSlide .centerContWrap .leftWrap h1 {
  margin-top: 4rem;
  color: #fff;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 120%;
}
.mainSlide .centerContWrap .leftWrap p {
  margin-top: 2rem;
  max-width: 46rem;
  color: rgba(255, 255, 255, 0.9);
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 140%;
  word-break: keep-all;
}
.mainSlide .centerContWrap .leftWrap .carousel-indicators {
  position: absolute;
  left: 0;
  right: unset;
  bottom: 0;
  margin-left: 0;
}
.mainSlide .centerContWrap .rightWrap {
  padding: 4rem;
  border-radius: 1.63rem;
  background: #fff;
  box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.16);
  text-align: center;
}
.mainSlide .centerContWrap .rightWrap h4 {
  font-size: 1.8rem;
  color: #222;
  font-weight: 600;
}
.mainSlide .centerContWrap .rightWrap h4.bgImg::after {
  content: "";
  display: block;
  margin: 1.6rem auto 0.8rem;
  width: 7.4rem;
  height: 7.4rem;
  background: url("../images/bgLogin.svg");
  background-size: cover;
}
.mainSlide .centerContWrap .rightWrap p {
  color: #222;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 140%;
}
.mainSlide .centerContWrap .rightWrap .btn {
  margin-top: 2.4rem;
  padding: 0.8rem;
}
.mainSlide .centerContWrap .snsWrap {
  padding-top: 3.2rem;
  margin-top: 3.2rem;
  border-top: 1px solid #E5E5E5;
}
.mainSlide .centerContWrap .snsWrap ul {
  margin-top: 1.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.4rem;
}
.mainSlide .carousel-item img {
  width: 100%;
  height: 76rem;
  object-fit: cover;
  object-position: 50% 50%;
}

.mainTit {
  margin-bottom: 4rem;
  font-size: 4rem;
  color: #222;
  font-weight: 800;
}

.ServiceCont {
  background-color: #F5F9FF;
  width: 100%;
  text-align: center;
}
.ServiceCont .ContInner {
  margin: 0rem auto;
  padding: 8rem 1rem;
  max-width: 120rem;
  width: 100%;
}
.ServiceCont .subTit {
  font-size: 2.2rem;
  color: #222;
  font-weight: 800;
}
.ServiceCont .subTit::before {
  content: "";
  display: block;
  margin: 0 auto 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background-color: #4C79F0;
  border-radius: 30px;
}
.ServiceCont .disFlex {
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
}
.ServiceCont .btnWrap {
  text-align: center;
}
.ServiceCont .btnWrap ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2.4rem;
}
.ServiceCont .btnWrap ul li {
  width: 17.4rem;
  text-align: center;
  border: 1px solid #4C79F0;
  background-color: #fff;
  border-radius: 1.6rem;
  color: #4C79F0;
  cursor: pointer;
}
.ServiceCont .btnWrap ul li:hover {
  box-shadow: 0px 4px 16px 0 rgba(0, 0, 0, 0.08);
}
.ServiceCont .btnWrap ul li img {
  padding-top: 3.2rem;
  display: block;
  margin: 0 auto;
}
.ServiceCont .btnWrap ul li span {
  display: block;
  margin: 1.6rem 0 3.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 130%;
}
.ServiceCont .busiReport .subTit::before {
  background-color: #29AC6F;
}
.ServiceCont .busiReport ul li {
  border: 1px solid #29AC6F;
}
.ServiceCont .busiReport ul li span {
  color: #29AC6F;
}

.mainCont {
  margin: 6rem auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 120rem;
}
.mainCont .disFlex {
  gap: 0 6rem;
}
.mainCont .mainTit {
  margin-bottom: 0;
  text-align: center;
}
.mainCont .tableHead .moreView {
  margin-left: auto;
  cursor: pointer;
}
.mainCont .tableList {
  width: 100%;
  border-top: 1px solid #ccc;
}
.mainCont .tableList table {
  table-layout: fixed;
}
.mainCont .tableList td {
  font-size: 1.5rem;
  text-align: left;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mainCont .tableList td:nth-child(2) {
  width: 11rem;
}
.mainCont .boardList.technol {
  flex: 1 1 0;
}
.mainCont .galleryBoard {
  flex: 1 1 0;
  margin-top: 0;
}
.mainCont .galleryBoard .gallBoxWrap {
  border-top: 0;
}
.mainCont .galleryBoard .gallBoxWrap .gallBox {
  width: calc(50% - 1.2rem);
}
.mainCont .galleryBoard .gallBoxWrap .imgBox {
  height: 18rem;
}

.subHead {
  padding: 0 3.2rem;
  width: 100%;
  background-color: #242527;
}

.navbar .logo img {
  width: 12rem;
}
.navbar .navbar-nav {
  margin: 0 auto;
}
.navbar .nav-link {
  margin: 1rem;
  font-size: 1.8rem;
  font-weight: 400;
}
/*.navbar .dropdown:hover .dropdown-menu {display: block;}*/
.navbar .dropdown-menu {
  left: 50%;
  transform: translate(-50%, 0.6rem);
  padding: 0.4rem 0;
  font-size: 1.5rem;
  text-align: center;
  box-shadow: 0 5px 16px rgba(101, 101, 101, 0.08), 0 2px 6px rgba(0, 0, 0, 0.1);
  border-radius: 1.2rem;
}
.navbar .dropdown-menu li {
  padding: 1.6rem 2.4rem;
  color: #222;
  cursor: pointer;
}
.navbar .dropdown-menu li a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.navbar .dropdown-menu li a::after {
  content: "";
  display: inline-block;
  margin: 0 0 0 0.8rem;
  width: 1.6rem;
  height: 1.6rem;
  background: url("../images/icLink16.svg") no-repeat;
  background-size: cover;
}
.navbar .dropdown-menu li a.mail::after {
  background: url("../images/icMail.svg") no-repeat;
  background-size: cover;
}
.navbar .dropdown-item:hover {
  background-color: #f9faf8;
}
.navbar .dropdown-item:active {
  background-color: #4C79F0;
  color: #fff;
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.8);
}
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgb(255, 255, 255);
}

.nav-logIO {
  outline-style: auto;
  color: rgba(1, 30, 76, 0.8);

}
.nav-logIO:hover {
  outline-style: auto;
  color: rgba(1, 30, 76, 0.8);
}


.totalSearch {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border: 2px solid #fff;
  border-radius: 50%;
  cursor: pointer;
}

.subCont {
  margin: 6rem auto;
  padding: 0 2.4rem;
  width: 100%;
  max-width: 120rem;
}
.subCont .subContTit {
  margin-bottom: 3.2rem;
  font-size: 3.2rem;
  font-weight: 700;
  color: #222;
}
.subCont .globNav {
  display: flex;
  align-items: center;
  width: 100%;
  height: 5.4rem;
  border-radius: 0.4rem;
  background-color: #4C79F0;
  color: #fff;
}
.subCont .globNav img, .subCont .globNav p {
  padding: 0 2.4rem;
  border-right: 1px solid #7094F3;
  height: 2.4rem;
}
.subCont .globNav p {
  display: flex;
  align-items: center;
  min-width: 16rem;
}
.subCont .sub04 p {
  min-width: auto;
}

.tabLarge {
  margin-top: 4rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  /* 가로 스크롤 */
  overflow: auto;
  white-space: nowrap;
}
.tabLarge p {
  padding: 1.6rem 0.8rem;
  flex-shrink: 0;
  flex-grow: 1;
  font-size: 1.8rem;
  text-align: center;
  color: #909090;
  font-weight: 600;
  border-bottom: 1px solid #ccc;
  line-height: 130%;
  cursor: pointer;
}
.tabLarge p.hover {
  color: #4C79F0;
  border-bottom: 3px solid #4C79F0;
}
.tabLarge p.hover:hover {
  color: #4C79F0;
  border-bottom: 3px solid #4C79F0;
}
.tabLarge p:hover {
  color: #4C79F0;
}
.tabLarge::-webkit-scrollbar {
  display: none;
}

.tableHead {
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
.tableHead .tit {
  display: flex;
}
.tableHead .tit h1 {
  font-size: 2.4rem;
  font-weight: 700;
  color: #222;
}
.tableHead .tit p {
  margin: 1rem 0 0 1.6rem;
  font-size: 1.5rem;
  color: #909090;
}
.tableHead .tit p span {
  color: #4C79F0;
}
.tableHead.tit2Line {
  display: block;
}
.tableHead.tit2Line .searchWrap {
  margin-top: 1.6rem;
}

.searchWrap {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 0.8rem;
}
.searchWrap button {
  /*display: flex;*/
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
  background-color: #4C79F0;
}
.searchWrap .boardMoreBtn {
  padding: 1.2rem 2rem;
  gap: 1.6rem;
  width: auto;
  height: auto;
  font-size: 1.5rem;
  background-color: #fff;
  border: 1px solid #E5E5E5;
}
.searchWrap .boardMoreBtn:hover {
  border: 1px solid #222;
}
.searchWrap img {
  width: 2.4rem;
}

.tableList {
  margin-top: 2.4rem;
  border-top: 3px solid #4C79F0;
  width: 100%;
}
.tableList table {
  width: 100%;
}
.tableList tr {
  border-bottom: 1px solid #ccc;
  color: #5E5E5E;
}
.tableList tr:hover td {
  background-color: rgba(240, 240, 240, 0.3490196078);
  cursor: pointer;
}
.tableList th {
  height: 5.4rem;
  text-align: center;
  vertical-align: middle;
}
.tableList td {
  padding: 0 0.8rem;
  text-align: center;
  /* height: 7.2rem; */
  height: 7.2rem;
  vertical-align: middle;
  font-weight: 400;
  line-height: 140%;
}
.tableList td:nth-child(2) {
  text-align: left;
}
.tableList.sub04 td:nth-child(2) {
  text-align: center;
}
.tableList .noList {
  color: #909090;
}
.tableList .noList:hover td {
  background-color: unset;
  cursor: default;
}

/*25.09.02 추가*/
.tableInput {
  margin-top: 2.4rem;
  /*border-top: 3px solid #28a745;*/
  border-top: 3px solid #4C79F0;
  width: 100%;
}
.tableInput table {
  width: 100%;
}
.tableInput tr {
  border-bottom: 1px solid #ccc;
  color: #5E5E5E;
}
/*.tableInput tr:hover td {*/
/*  background-color: rgba(240, 240, 240, 0.3490196078);*/
/*  cursor: pointer;*/
/*}*/
.tableInput th {
  padding: 0.8rem 0.8rem;
  /*padding: 0 0.8rem;*/
  min-height: 4rem;
  background-color: #f8f9fc;
  text-align: center;
  vertical-align: middle;
  font-weight: 600;
  line-height: 140%;
  color: #222;
}
.tableInput td {
  padding: 0.8rem 0.8rem;
  /*padding: 0 0.8rem;*/
  text-align: left;
  height: 7.2rem;
  vertical-align: middle;
  font-weight: 500;
  line-height: 140%;
}
.tableInput td div {
  margin-bottom: 0.5rem;
}
/*.tableInput td input {*/
/*  width: 100%;*/
/*}*/
.tableInput td input {
  width: 100%;
  font-weight: inherit;
  padding: 0 0 0 10px;
  box-sizing: border-box;
}

.tableInput td span {
  font-size: 1.4rem;
}
/*.tableInput td:nth-child(2) {*/
/*  text-align: left;*/
/*}*/
/*.tableInput.sub04 td:nth-child(2) {*/
/*  text-align: center;*/
/*}*/
/*.tableInput .noList {*/
/*  color: #909090;*/
/*}*/
/*.tableInput .noList:hover td {*/
/*  background-color: unset;*/
/*  cursor: default;*/
/*}*/


.navigation {
  display: flex;
  width: 100%;
}

.pagination {
  margin: 3.2rem auto 0;
  justify-content: center;
}

.page-link {
  color: #909090;
}

.page-item.active .page-link {
  background-color: #4C79F0;
  color: #fff;
}

.buttonWrap {
  display: flex;
  margin-top: 1.6rem;
}
.buttonWrap button {
  margin-left: auto;
}

.boardView .thead {
  display: flex;
  align-items: center;
  padding: 1.6rem;
}
.boardView .thead h3 {
  font-size: 2rem;
  color: #222;
  font-weight: 400;
}
.boardView .thead h4 {
  margin-left: auto;
  color: #909090;
  font-weight: 400;
}
.boardView .tbody {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.boardView .tbody .tCont {
  padding: 1.6rem;
  min-height: 20rem;
  font-size: 1.6rem;
  color: #222;
  font-weight: 400;
  line-height: 150%;
}
.boardView .tbody .tTag {
  margin: 1.6rem;
  padding: 1.6rem;
  border: 1px solid #E5E5E5;
  border-radius: 0.8rem;
  background-color: #f8f9fc;
}
.boardView .tbody .tTag span {
  margin-right: 1.2rem;
  font-size: 1.6rem;
  color: #5E5E5E;
}
.boardView .tbody .tTag span:hover {
  color: #4C79F0;
  cursor: pointer;
}
.boardView .tbody .uploadFile p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  color: #909090;
}
.boardView .tbody .uploadFile .fileName {
  margin: 0 0.8rem;
  color: #4C79F0;
  text-decoration: underline;
}
.boardView .tbody .uploadFile .deleteBtn {
  margin: 0 0.8rem;
  cursor: pointer;
}
.boardView .tbody .uploadFile input[type=file] {
  padding: 0.8rem;
  height: 4.8rem;
}

.galleryBoard {
  margin-top: 2.4rem;
}
.galleryBoard .gallBoxWrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.galleryBoard .gallBoxWrap .gallBox {
  width: calc(25% - 1.2rem);
  border: 1px solid #E5E5E5;
  border-radius: 0.8rem;
  overflow: hidden;
  cursor: pointer;
}
.galleryBoard .gallBoxWrap .gallBox.detailList {
  cursor: default;
}
.galleryBoard .gallBoxWrap .imgBox {
  width: 100%;
  height: 26rem;
  overflow: hidden;
}
.galleryBoard .gallBoxWrap .imgBox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.galleryBoard .gallBoxWrap .textBox {
  padding: 1.2rem;
}
.galleryBoard .gallBoxWrap .textBox h4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  margin: 0.4rem 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.galleryBoard .gallBoxWrap .textBox .date {
  margin: 0.8rem 0 0.4rem;
  font-size: 1.5rem;
  color: #5E5E5E;
  line-height: 150%;
  font-weight: 300;
}
.galleryBoard .gallBoxWrap .textBox .downNum {
  display: flex;
  align-items: center;
  margin: 1.2rem 0;
}
.galleryBoard .gallBoxWrap .textBox .downNum p {
  font-size: 1.5rem;
  color: #4C79F0;
  font-weight: 800;
}
.galleryBoard .gallBoxWrap .textBox .downNum span {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 0.4rem;
  color: #5E5E5E;
  font-weight: 400;
  font-size: 1.5rem;
}

button.download, button.safetyEdu {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  margin-top: 0.8rem;
  padding: 0.8rem 0;
  font-size: 1.5rem;
  border: 1px solid #E5E5E5;
}
button.download:hover img, button.safetyEdu:hover img {
  filter: invert(93%) sepia(99%) saturate(0%) hue-rotate(18deg) brightness(107%) contrast(101%);
}

.galleryInfoArea {
  display: flex;
  gap: 4rem;
}
.galleryInfoArea button.download {
  border: 0;
  font-size: 1.8rem;
  height: 5.4rem;
}
.galleryInfoArea button.download img {
  filter: invert(93%) sepia(99%) saturate(0%) hue-rotate(18deg) brightness(107%) contrast(101%);
}
.galleryInfoArea button.download:hover img {
  filter: invert(93%) sepia(99%) saturate(0%) hue-rotate(18deg) brightness(107%) contrast(101%);
}

.tableList.mini {
  border-top: 0px solid #ccc;
  text-align: left;
}
.tableList.mini h2 {
  font-size: 2.3rem;
  font-weight: 700;
}
.tableList.mini th, .tableList.mini td {
  padding: 0 1.2rem;
  text-align: left;
  height: 5.4rem;
}
.tableList.mini tr:hover td {
  cursor: default;
}
.tableList.mini thead {
  border-bottom: 3px solid #4C79F0;
}

.tabDetailWrap .detailTxtWrap {
  margin-top: 2.4rem;
  padding: 2rem;
  width: 100%;
  background-color: #f8f9fc;
}
.tabDetailWrap .detailTxtWrap h4 {
  margin: 1.6rem 0 0.8rem;
  font-size: 1.5rem;
  color: #222;
  font-weight: 500;
}
.tabDetailWrap .detailTxtWrap p {
  font-size: 1.5rem;
  color: #5E5E5E;
  line-height: 140%;
  font-weight: 400;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev {
  position: absolute;
  z-index: 5;
  display: inline-block;
  margin-top: -1rem;
}

#carousel-example-generic {
  margin: 2rem auto;
  width: 40rem;
}

#carousel-custom {
  margin: 2rem auto;
  width: 40rem;
}
#carousel-custom .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#carousel-custom .carousel-indicators {
  display: block;
  margin: 1rem 0 0;
  overflow: hidden;
  position: static;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

#carousel-custom .carousel-indicators li {
  background-color: transparent;
  -webkit-border-radius: 0;
  border-radius: 0;
  display: inline-block;
  margin: 0 !important;
  width: 8rem;
  height: 8rem;
}

#carousel-custom .carousel-indicators li img {
  display: block;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#carousel-custom .carousel-indicators li.active img {
  opacity: 1;
}

#carousel-custom .carousel-indicators li:hover img {
  opacity: 0.75;
}

#carousel-custom .carousel-outer {
  position: relative;
}

.carousel-control.left, .carousel-control.right {
  background-image: none;
}

.tabButton {
  margin-top: 4rem;
  padding: 2rem;
  padding-bottom: 0.8rem;
  background-color: #f8f9fc;
}
.tabButton p {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  font-weight: 400;
  color: #5E5E5E;
}
.tabButton button, .tabButton a {
  display: inline-block;
  margin: 0 1.2rem 1.2rem 0;
  padding: 1.2rem 1.6rem;
  font-size: 1.8rem;
  color: #222;
  font-weight: 400;
  background-color: #fff;
  border-radius: 0.4rem;
  box-sizing: border-box;
  border: 2px solid #fff;
}
.tabButton button.hover, .tabButton a.hover {
  background-color: #4C79F0;
  border: 2px solid #4C79F0;
  color: #fff;
}
.tabButton button.hover:hover, .tabButton a.hover:hover {
  color: #fff;
}
.tabButton button:hover, .tabButton a:hover {
  border: 2px solid #4C79F0;
  color: #4C79F0;
}
.tabButton a {
  padding-right: 4rem;
  background: url("../images/icLink16.svg") 88% 50% no-repeat, #fff;
}

.textInfoWrap {
  margin-top: 2.4rem;
  padding: 2rem;
  width: 100%;
}
.textInfoWrap h3.tit {
  margin-bottom: 2rem;
  font-size: 3.2rem;
  font-weight: 600;
}
.textInfoWrap h4 {
  margin-bottom: 2rem;
  font-size: 2rem;
  font-weight: 600;
}
.textInfoWrap h5 {
  margin: 1.6rem 0 0.8rem;
  font-size: 1.8rem;
  font-weight: 600;
}

.kict_txt {
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 150%;
  color: #5E5E5E;
}
.kict_txt .kict_textbullet01 {
  font-size: 1.6rem;
  font-weight: 600;
}
.kict_txt p {
  font-size: 1.5rem;
  font-weight: 400;
}
.kict_txt p em {
  color: #4C79F0;
  font-style: normal;
}

.kict_table {
  margin-bottom: 1.6rem;
  border-top: 2px solid #ddd;
  overflow-x: auto;
}
.kict_table table {
  width: 100%;
}
.kict_table table.aboutCenter td {
  text-align: left;
}
.kict_table tr {
  width: 100%;
  border-bottom: 1px solid #ddd;
  color: #5E5E5E;
}
.kict_table tr th {
  padding: 2.2rem 0.8rem;
  min-height: 4rem;
  background-color: #f8f9fc;
  text-align: center;
  vertical-align: middle;
  color: #222;
}
.kict_table tr td {
  padding: 1.2rem;
  text-align: center;
  vertical-align: middle;
  font-weight: 400;
  line-height: 140%;
}
.kict_table tr td b {
  font-weight: 600;
  color: #222;
}
.kict_table tr td a.popDetail {
  color: #4C79F0;
  text-decoration: underline;
}
.kict_table tr td a.download img {
  width: 2.4rem;
}
.kict_table.verticLine td {
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}
.kict_table.verticLine td:last-child {
  border-right: 0;
}
.kict_table.verticLine td:first-child {
  border-left: 0;
}

.kict_lc_map {
  margin: 3rem 0;
  text-align: center;
}
.kict_lc_map img {
  max-width: 95rem;
  width: 100%;
}

.equipment_list {
  margin-bottom: 2rem;
  border-top: 2px solid #ddd;
}
.equipment_list > div {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
.equipment_list > div dl {
  padding: 2rem;
  display: flex;
  width: 50%;
  gap: 2rem;
}
.equipment_list > div dl dt {
  height: 13.2rem;
  overflow: hidden;
  object-fit: cover;
}
.equipment_list > div dl dt img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.equipment_list > div dl dd p {
  margin: 0.8rem 0;
  font-size: 1.8rem;
  font-weight: 700;
}
.equipment_list > div dl dd ul {
  margin: 2rem 0 0 2rem;
}
.equipment_list > div dl dd ul li {
  list-style-type: disc;
  margin-bottom: 0.8rem;
  line-height: 140%;
  font-size: 1.5rem;
}
.equipment_list > div dl dd ul li span {
  margin-right: 2rem;
  font-weight: 700;
}
.equipment_list.kict div dl dt {
  height: auto;
}
.equipment_list.kict div dl dt img {
  width: auto;
  height: auto;
}

.ro_search {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
  padding: 2rem;
  gap: 8rem;
}
.ro_search p {
  font-size: 1.5rem;
  color: #909090;
  line-height: 140%;
}

#search_form {
  margin-top: 1rem;
  padding: 2rem;
  background-color: #f8f9fc;
  border-radius: 0.8rem;
}
#search_form label {
  width: 12rem;
}
#search_form select {
  width: 24rem;
  margin-bottom: 1.6rem;
  background-color: #fff;
}
#search_form button.download {
  display: flex;
  align-items: center;
  color: #5E5E5E;
}
#search_form button.download:hover {
  color: #fff;
}
#search_form button.download:hover img {
  filter: invert(0%) sepia(2%) saturate(7497%) hue-rotate(74deg) brightness(108%) contrast(98%);
}
#search_form button.download img {
  width: 1.6rem;
  height: 1.6rem;
  filter: invert(35%) sepia(25%) saturate(10%) hue-rotate(62deg) brightness(96%) contrast(87%);
}

/* 관련지역센터 - 지도 */
.ro_lc_map {
  width: 455px;
  height: 495px;
  background: url("../images/sub03/bg_index_lc1.png") no-repeat 50% 50%;
  position: relative;
}

.ro_lc_map span.ro_lc_mn {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 11px;
  color: #979595;
  display: inline-block;
  padding: 3px 0 3px 20px;
  background: url("../img/icon/icon_ro_lc_mn.png") no-repeat 0 50%;
}

.ro_lc_map > div {
  position: relative;
  text-align: center;
}

.ro_lc_map > div canvas {
  pointer-events: none;
  position: absolute;
}

.ro_lc_intro {
  width: 60px;
  height: 80px;
  box-sizing: border-box;
  padding: 15px 0 0 0;
  background: url("../images/sub03/bg_ro_lc_area.png") no-repeat;
  text-align: center;
  transform-origin: left bottom;
  position: absolute;
  z-index: -1;
  opacity: 0;
  transition: all 0.2s linear;
}

.ro_lc_intro strong {
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.ro_lc_intro span {
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.ro_lc_open {
  opacity: 1;
  z-index: 10;
}

/*
.ro_lc_intro .ro_lc_name{display:block; font-size:20px; font-family:"NotoSansRegular"; color:#fff; padding:0 0 10px 0; border-bottom:1px solid #555555; line-height:100%; letter-spacing:-1px; text-align:center; position:relative;}
.ro_lc_intro .ro_lc_guide{display:block; margin-top:15px; line-height:100%; color:#000;}
.ro_lc_intro .ro_lc_guide > dt{font-size:16px; font-weight:bold; font-family:"NotoSansRegular"; margin-bottom:10px;}
.ro_lc_intro .ro_lc_guide > dd{display:block; margin-bottom:5px; padding:0 0 0 10px; position:relative; letter-spacing:-1px;}
.ro_lc_intro .ro_lc_guide > dd:before{content:""; width:2px; height:2px; background:#000; position:absolute; left:5px; top:5px;}
.ro_lc_intro .ro_lc_detail{display:block; box-sizing:border-box; width:110px; height:30px; text-align:left; color:#fff; padding:7.5px 0 0 15px; position:absolute; left:25px; bottom:35px; background:url(../img/bg/bg_ro_lc_detail.png) no-repeat; font-family:"NotoSansRegular"; line-height:100%;}
*/

/*서울*/
.ro_lc_01 {
  top: 23px;
  left: 160px;
}
/*부산*/
.ro_lc_02 {
  top: 215px;
  left: 276px;
}
/* 인천 */
.ro_lc_03 {
  top: 10px;
  left: 125px;
}
/*대구*/
.ro_lc_04 {
  top: 160px;
  left: 247px;
}
/*대전*/
.ro_lc_05 {
  top: 110px;
  left: 170px;
}
/*광주*/
.ro_lc_06 {
  top: 215px;
  left: 150px;
}
/*울산*/
.ro_lc_07 {
  top: 185px;
  left: 290px;
}
/*경기*/
.ro_lc_09 {
  top: 33px;
  left: 180px;
}
/*강원*/
.ro_lc_10 {
  top: -40px;
  left: 222px;
}
/*충북*/
.ro_lc_11 {
  top: 80px;
  left: 201px;
}
/*충남*/
.ro_lc_12 {
  top: 92px;
  left: 138px;
}
/*전북*/
.ro_lc_13 {
  top: 160px;
  left: 163px;
}
/*전남*/
.ro_lc_14 {
  top: 240px;
  left: 130px;
}
/*경북*/
.ro_lc_15 {
  top: 100px;
  left: 263px;
}
/*경남*/
.ro_lc_16 {
  top: 195px;
  left: 226px;
}
/*제주도*/
.ro_lc_17 {
  top: 330px;
  left: 130px;
}

.infoPage {
  padding: 4rem 1.6rem 0 1.6rem;
}
.infoPage .tit {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 4rem;
}
.infoPage .bgTit {
  margin-bottom: 4rem;
  width: 100%;
  padding: 2.4rem;
  font-size: 2.4rem;
  color: #222;
  font-weight: 600;
  line-height: 140%;
  text-align: center;
  border: 1px solid #AFB5C3;
  border-radius: 50rem;
  background-color: #F2F4F7;
}
.infoPage .leftTitWrap {
  display: flex;
  margin-bottom: 6rem;
  gap: 4rem;
}
.infoPage .leftTitWrap .leftTit {
  padding: 1.6rem;
  min-width: 26rem;
  border-top: 1px solid #E5E5E5;
}
.infoPage .leftTitWrap .leftTit h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  color: #222;
  font-weight: 700;
  line-height: 140%;
}
.infoPage .leftTitWrap .leftTit h3::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #4C79F0;
  border-radius: 10px;
}
.infoPage .leftTitWrap .leftTit p {
  margin: 2.4rem 0 0 2rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 140%;
  color: #5E5E5E;
}
.infoPage .leftTitWrap .rightText {
  margin-top: 1rem;
  font-size: 1.7rem;
  color: #5E5E5E;
  line-height: 140%;
}
.infoPage .leftTitWrap .rightText li {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.6rem;
  font-weight: 400;
}
.infoPage .leftTitWrap .rightText li::before {
  content: "";
  display: inline-block;
  width: 0.4rem;
  height: 0.4rem;
  background-color: #909090;
  border-radius: 10px;
}
.infoPage .leftTitWrap .rightText li a {
  color: #4C79F0;
  text-decoration: underline;
}
.infoPage .leftTitWrap .rightText .procePeriod {
  margin-top: 0;
}
.infoPage .leftTitWrap .rightText .procePeriod li {
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 6rem;
}
.infoPage .leftTitWrap .rightText .procePeriod li::after {
  left: 20%;
}
.infoPage .leftTitWrap .rightText .procePeriod li::before {
  content: unset;
}
.infoPage button.download, .infoPage button.safetyEdu {
  max-width: 56rem;
  margin: 0 auto;
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  filter: invert(44%) sepia(99%) saturate(4534%) hue-rotate(198deg) brightness(99%) contrast(111%);
}
.infoPage button.download:hover, .infoPage button.safetyEdu:hover {
  color: #fff;
  filter: unset;
}
.infoPage button.safetyEdu img {
  width: 2rem;
}

.threeBtn {
  display: flex;
  gap: 2.4rem;
}
.threeBtn > div {
  flex-basis: 0;
  flex-grow: 1;
  padding: 4rem;
  border-radius: 0.4rem;
  background-color: #F0F0F5;
}
.threeBtn > div:nth-child(2) {
  background-color: #F4F5F0;
}
.threeBtn > div:nth-child(3) {
  background-color: #DDF3DE;
}
.threeBtn h3.tit {
  margin-top: 1.6rem;
}
.threeBtn button {
  margin-top: 4.8rem;
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 3.2rem;
  padding: 1.6rem 2.4rem;
  border-radius: 0.4rem;
  background-color: #fff;
}
.threeBtn button img {
  width: 2.4rem;
}

.blueDotTxt {
  margin-top: 6rem;
}
.blueDotTxt h3 {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2rem;
  color: #222;
  font-weight: 700;
}
.blueDotTxt h3::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #4C79F0;
  border-radius: 10px;
}
.blueDotTxt p {
  margin: 1.6rem 0 0 1.2rem;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 140%;
  color: #5E5E5E;
}

.procePeriod {
  margin-top: 4rem;
}
.procePeriod li {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 6rem;
}
.procePeriod li:last-child::after {
  background: none;
}
.procePeriod li h2.tit {
  margin-bottom: 0;
  width: 26rem;
  padding: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
  background-color: #4C79F0;
  color: #fff;
  border-radius: 0.8rem;
}
.procePeriod li h2.tit span {
  margin-right: 0.8rem;
  padding: 0.8rem 1.2rem;
  font-size: 1.5rem;
  background-color: #fff;
  border-radius: 1.2rem;
  color: #222;
}
.procePeriod li p {
  margin: 0 0 0 2rem;
}
.procePeriod li::after {
  content: "";
  position: absolute;
  left: 10%;
  bottom: -4.8rem;
  width: 3.6rem;
  height: 3.6rem;
  background: url("../images/icArrowBottom36.svg");
  background-size: cover;
}

.bgSearchBox {
  justify-content: center;
  margin-top: 2rem;
  padding: 1.6rem 1.6rem;
  background-color: #f8f9fc;
  border-radius: 0.8rem;
}
.bgSearchBox label {
  width: 12rem;
}
.bgSearchBox button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
  background-color: #4C79F0;
}
.bgSearchBox .disFlex {
  gap: 0.8rem;
}

.loginBox {
  margin: 2rem auto;
  padding: 2rem 2rem 4rem;
  width: 44rem;
  border: 1px solid #ddd;
  border-radius: 1.6rem;
  text-align: center;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08), 0 0 16px rgba(0, 0, 0, 0.08);
}
.loginBox::before {
  content: "";
  display: block;
  margin: 1.2rem auto 2rem;
  height: 10rem;
  background: url("../images/bgLogin.svg") 50% 50% no-repeat;
}
.loginBox .tit {
  display: block;
  margin-bottom: 2rem;
}
.loginBox ul li {
  margin-bottom: 0.4rem;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 140%;
}
.loginBox button {
  display: block;
  margin: 2rem auto 0;
  padding: 2rem 0;
  width: 32rem;
}
.loginBox button.join {
  padding: 0.4rem 0;
  background-color: #fff;
  border: 1px solid #ddd;
}

.map_wrap {
  margin: 4rem 0 6rem;
}
.map_wrap .map_box {
  width: 100%;
  height: 60rem;
  background-color: #E5E5E5;
  overflow: hidden;
}
.map_wrap .text_box {
  padding: 2.4rem 2rem;
  background-color: #f8f9fc;
}
.map_wrap .text_box span {
  color: #5E5E5E;
  font-weight: 400;
  font-size: 1.5rem;
}
.map_wrap .text_box ul {
  display: flex;
  align-items: center;
  gap: 2.4rem;
  flex-wrap: wrap;
}
.map_wrap .text_box ul li {
  display: flex;
  gap: 0.8rem;
}

.load_wrap .clearfix {
  display: flex;
  gap: 1rem 6rem;
  flex-wrap: wrap;
  margin: 2.4rem;
  border-bottom: 1px solid #E5E5E5;
}
.load_wrap .leftTit li {
  font-size: 1.8rem;
  font-weight: 500;
}
.load_wrap .leftTit li b {
  color: #4C79F0;
  font-weight: 700;
}
.load_wrap .clearfix:nth-child(1) .leftTit {
  background: url("../images/bgCar.svg") 0% 90% no-repeat;
}
.load_wrap .clearfix:nth-child(2) .leftTit {
  background: url("../images/bgMetro.svg") 0% 90% no-repeat;
}
.load_wrap .clearfix:nth-child(2) .leftTit b {
  color: #F0914C;
}
.load_wrap .clearfix:nth-child(3) .leftTit {
  background: url("../images/bgBus.svg") 0% 90% no-repeat;
}
.load_wrap .clearfix:nth-child(3) .leftTit b {
  color: #64C362;
}
.load_wrap .rightText li {
  margin-bottom: 2rem;
}
.load_wrap .rightText li p {
  margin-bottom: 0.4rem;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 140%;
}
.load_wrap .rightText li p:first-child {
  font-weight: 600;
}

.footerWrap {
  width: 100%;
  background-color: #f5f7fa;
}
.footerWrap .inner {
  width: 100%;
  border-bottom: 1px solid #e8e8e8;
}
.footerWrap .private {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.6rem;
  margin: 0 auto;
  max-width: 120rem;
  font-size: 1.3rem;
  color: #909090;
}
.footerWrap .private p:hover {
  color: #4C79F0;
  cursor: pointer;
}
.footerWrap .foot {
  display: flex;
  align-items: center;
  margin: 0 auto;
  padding: 2.4rem;
  max-width: 120rem;
  font-size: 1.3rem;
  color: #939393;
  font-weight: 300;
  line-height: 170%;
}
.footerWrap .foot .footLogo {
  margin-left: auto;
  margin-top: auto;
  display: flex;
  gap: 1.6rem;
}
/*2024-11-13 SNS 영역 추가*/
.footerWrap .inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 120rem;
  font-size: 1.3rem;
  color: #939393;
  font-weight: 300;
  line-height: 170%;
  padding-top: 1.0rem;
  padding-left: 2.4rem;
  padding-right: 2.4rem;
  padding-bottom: 1.0rem;
  flex-wrap: wrap;
}
.footerWrap .inner ul {display: flex; font-size: 1.3rem; gap: 1.0rem;}
.footerWrap .inner ul li a {font-size: 1.3rem; color:#939393;}
.footerWrap .snsWrap {
  margin-left: auto;
  margin-top: auto;
  display: flex;
  gap: 1.6rem;
}
/*2024-11-13 SNS 영역 추가*/
@media (max-width: 1400px) {
  .navbar .nav-link {
    font-size: 1.6rem;
  }
}
@media (max-width: 1260px) {
  .navbar .nav-link {
    font-size: 1.5rem;
  }
}
@media (max-width: 1199px) {
  html {
    font-size: 8px;
  }
  .footerWrap .foot {
    display: block;
  }
  .footerWrap .foot .footLogo {
    margin-left: unset;
    margin-top: 2rem;
  }
  .footerWrap .foot .footLogo img {
    width: 100%;
  }
  .footerWrap .snsWrap {
    margin-left: unset;
    margin-top: 2rem;
  }
  .footerWrap .snsWrap img {
    width: 70%;
  }
  #search_form select {
    margin-top: 0.8rem;
    width: 100%;
  }
  .navbar .nav-link {
    font-size: 1.6rem;
  }
}
@media (max-width: 991px) {
  .mainHead {
    background: rgba(37, 36, 39, 0.8);
  }
  .ro_search {
    gap: 0;
  }
  .navbar .dropdown-menu {
    transform: unset;
    text-align: left;
  }
  .totalSearch {
    margin: 2rem 1rem;
  }
  .navbar .nav-link {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .tableHead {
    display: block;
  }
  .mainCont .tableHead {
    display: flex;
  }
  .searchWrap select,
  .searchWrap input,
  .searchWrap button {
    margin-top: 0.8rem;
  }
  .bgSearchBox select,
  .bgSearchBox input,
  .bgSearchBox button {
    margin-top: 0;
  }
  .boardView .thead {
    display: block;
  }
  .boardView .thead h3 {
    margin-bottom: 1.2rem;
  }
  .ServiceCont .btnWrap {
  	width: 100%;
  }
  .galleryBoard .gallBoxWrap .gallBox {
    width: calc(50% - 1rem);
  }
  .equipment_list > div {
    display: block;
    border-bottom: 0px solid #ddd;
  }
  .equipment_list > div dl {
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  .ro_search {
    display: block;
  }
  .ro_search .ro_lc_map {
    margin-top: 2rem;
    overflow: auto;
  }
  #search_form {
    max-width: 48rem;
  }
  .threeBtn {
    flex-wrap: wrap;
  }
  .threeBtn > div {
    width: 50%;
  }
  .procePeriod li {
    display: block;
  }
  .procePeriod li p {
    margin: 1rem 0 0 1rem;
  }
  .load_wrap .clearfix:nth-child(1) .leftTit,
  .load_wrap .clearfix:nth-child(2) .leftTit,
  .load_wrap .clearfix:nth-child(3) .leftTit {
    background: unset;
  }
  .mainSlide .centerContWrap {
    left: 0;
    top: 10rem;
    transform: unset;
  }
  .mainSlide .centerContWrap .rightWrap {
    margin-top: 6rem;
    width: 80%;
  }
  .ServiceCont {
    padding-top: 2rem;
  }
  .mainCont .disFlex {
    flex-wrap: wrap;
  }
  .mainCont .boardList.technol {
    flex: unset;
  }
  .ServiceCont .btnWrap ul {
 	flex-wrap: nowrap;
  }
}
@media (max-width: 575px) {
  .subCont .globNav img, .subCont .globNav p {
    padding: 0 1.2rem;
    min-width: auto;
  }
  .searchWrap {
    display: block;
  }
  .searchWrap .mgLAuto {
    margin-top: 1.2rem;
  }
  .searchWrap button {
    width: 100%;
  }
  .bgSearchBox select,
  .bgSearchBox input,
  .bgSearchBox button {
    margin-top: 0rem;
    margin-bottom: 0.8rem;
  }
  .equipment_list > div dl {
    text-align: center;
    display: block;
  }
  .equipment_list > div dl dd ul li {
    list-style: none;
  }
  .infoPage .leftTitWrap {
    display: block;
  }
  .infoPage .leftTitWrap .rightText {
    margin-left: 3rem;
  }
  .loginBox {
    width: 100%;
  }
  .loginBox button {
    width: 100%;
  }
  .map_wrap .map_box {
    height: 40rem;
  }
}
@media (max-width: 400px) {
  html {
    font-size: 7px;
  }
}