/*¸ÞÀÎ ºê·£µå*/
.mainbanner {
  position: relative;
  color: #fff !important;
}
.txt_box {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, 0);
}
.txt_box h2 {
  color: #fff;
  margin-bottom: 10px;
}


.mbrand_img {
  width: 100%;
  text-align: center;
  display: block;
  overflow: hidden;
}
.mainbanner img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.mainbanner:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}


div.row > div.mainbanner img.img-responsive {
  min-height: 250px;
}


/*¸ÞÀÎ ¹öÆ°*/
a.btn-default3 {
  padding: 10px 30px !important;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif;
  color: #fff !important;
  border: 1px #fff solid;
}


a.btn-default3:hover {
  color: #fff !important;
  background: #101010;
}


a.btn-default2 {
  padding: 10px 30px !important;
  letter-spacing: 0;
  font-family: "Roboto", sans-serif;
  color: #222 !important;
  border: 1px #222 solid;
}


a.btn-default2:hover {
  color: #fff !important;
  background: #101010;
}


/***¸ÞÀιٷΰ¡±â***/


.bannerBox .infobox {
  /*box »çÀÌÁî*/
  display: block;
  min-height: 300px;
  padding: 20px 0;
  color: #fff;
  text-align: center;
}
.bannerBox .infobox2 {
  color: #222 !important;
}


.info1 {
  background: #72c9c3;
}
.info2 {
  background: #364759;
}
.info3 {
  background: #e0e1e1;
}
.info4 {
  background: #307cae;
}


.bannerBox .infobox span {
  display: block;
}
.bannerBox .infobox span:first-child {
  /*ŸÀÌƲ*/
  padding-top: 20px;
  padding-bottom: 7px;
  font-weight: 400;
  font-size: 30px;
  letter-spacing: -0.06em;
}
.bannerBox .infobox span:last-child {
  /*¾ÆÀÌÄÜ*/
  padding-top: 30px;
}


/**°øÅëcss**/
ul,
li,
a {
  text-decoration: none;
  list-style: none;
}


/*¿ìÃø Äü¸Þ´º ÀüÈ­¹®ÀÇ ¹öÆ° css*/
.btnCall {
  display: block;
  margin-top: 5%;
}
.btnCall a {
  display: block;
  width: 99%;
  height: 37px;
  margin: 0 auto;
  line-height: 36px;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  border-radius: 3px;
  background: #484848;
}
.btnCall a:hover {
  color: #fff;
  background: #888;
}


/* 240922-ÄÚµù¼ö¿µÀå ÀÛ¾÷ */
.main-title {
  font-size: 35.86px;
}
.sec4_dec_txt {
  font-size: 20px;
  line-height: 28px;
}


@media only screen and (max-width: 768px) {
  .size-18 {
    font-size: 16px !important;
    line-height: 1.5 !important;
  }
  .main-title {
    font-size: 26px;
  }
  .sec4_dec_txt {
    font-size: 16px;
    line-height: 1.5;
  }
  .bannerBox .infobox {
    min-height: 250px;
  }
  .bannerBox .infobox span:first-child {
    padding-top: 10px;
    font-size: 20px;
  }
}