@charset "utf-8";

#template-centerinfo .centerinfo-contents {
  padding-top:120px;
  margin-bottom:170px;
}

#template-centerinfo .top-visual {
  width:100%;
  height:250px;
  background:url(/images/menu1_top.png) no-repeat 50% 50%;
}

#template-centerinfo .contents-wrap {
  max-width:1220px;
  width:100%;
  margin:0 auto;
}

#template-centerinfo .sub-title {
  font-family: 'NanumSquare', gulim;
  font-size:20px;
  font-weight:700;
  color:#2e2e2e;
  letter-spacing:-1px;
  margin-bottom:20px;
}

#template-centerinfo .sub-title > label {
  color:#2f62c8;
}

#template-centerinfo .centermap1 {
  width:100%;
  max-width:1220px;
  overflow: auto;
}
/* width */
::-webkit-scrollbar {
  height: 5px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #888; 
}

#template-centerinfo .kintex-floor .img {
  background:url(/images/kintex_floor2021.png) no-repeat 50% 50%;
  background-size:contain;  
  width:100%;
  height:348px;
  margin: 50px 0px 40px;
}

#template-centerinfo .kintex-floor .txt1 {
  float: left;
  width:100%;
  text-align: center;
  font-family: 'Noto Sans KR', gulim;
  font-size: 20px;
  font-weight: 300;
  color: #4b4b4b;  
}

#template-centerinfo .kintex-floor .txt2 {
  float: left;
  display: none;
  width:51%;
  padding-right: calc(51% - 330px);
  padding-left: 30px;
  text-align: center;
  font-family: 'Noto Sans KR', gulim;
  font-size: 20px;
  font-weight: 300;
  color: #4b4b4b;  
}

#template-centerinfo .info-btn-div {
  clear:both;
  text-align:center;
  margin:50px 0px;
  height:55px;
}

#template-centerinfo .info-btn {
  display:inline-block;
  width:255px;
  height:55px;
  line-height:55px;
  background-color:#707070;
  font-family: 'Noto Sans KR', gulim;
  font-size:22px;
  font-weight:500;
  color:#fff;
  text-decoration:none;
  margin:0px 10px;
  border:solid 0px;
}


#template-centerinfo .centermap-div2 {
  clear::both;

}

#template-centerinfo .centermap2 {
  width:100%;
  max-width:1220px;
  overflow:auto;
}

#template-centerinfo table {
  font-family: 'Noto Sans KR', gulim;
  font-size:14px;
  font-weight:300;
  color:#4b4b4b;
  letter-spacing:-1px;
  margin:15px 0px;
  border-top:3px solid #5c5e64;
  width:100%;
}

#template-centerinfo table tr {
  height:50px;
  border-bottom:1px solid #d8d8d8;
}

#template-centerinfo table th {
  font-weight:300;
  background-color:#f7f7f7;
  border-right:1px solid #d8d8d8;
  text-align:center;
}

#template-centerinfo table td {
  padding-left:20px;
}

@media screen and (max-width:1280px) {

  #template-centerinfo .contents-wrap {
    padding:0px 10px;
  }

}

@media screen and (max-width:767px) {

  #template-centerinfo .introduce-contents {
    padding-top:100px;
  }

  #template-centerinfo .kintex-floor > ul > li {
    width:100%;
    font-size:17px;
  }

  #template-centerinfo .info-btn {
    width:130px;
    height:45px;
    line-height:45px;
    font-size:18px;
    margin:0px 5px;
  }

  #template-centerinfo table {
    font-size:11px;
  }
  
  #template-centerinfo .kintex-floor .img {
    height: 60vw;
  } 
  
  #template-centerinfo .kintex-floor .txt1 {
    padding-left: 8vw;
    padding-right: 0px;
    font-size: 13px;
  }

  #template-centerinfo .kintex-floor .txt2 {
    padding-right: 8vw;
    padding-left: 0px;
    font-size: 13px;
  }   
  
}