/*¸ÞÀÎ ºê·£µå*/
.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:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.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;}

.margin-bottom-14 {margin-bottom:14px; }


/*¿ìÃø Äü¸Þ´º ÀüÈ­¹®ÀÇ ¹öÆ° 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;
}


.hs_table {border-bottom: 1px solid #ddd;}
.hs_table > tbody > tr > th {background:#f7f7f7; color:#666; /*font-weight:normal;*/}
.hs_table > tbody > tr > th,
.hs_table > tbody > tr > td { vertical-align: middle; text-align:center; padding:15px;}


.sh_table2,
.sh_table3 {border-top:2px solid #666; border-bottom: 2px solid #666;}

.sh_table2 > thead > tr > th, 
.sh_table3 > tbody > tr > th {background:#f7f7f7; color:#666; text-align:center; border-right:1px solid #ddd; vertical-align: middle;}


.sh_table2 > tbody > tr > td,
.sh_table3 > tbody > tr > td { vertical-align: middle; padding:10px; border-right:1px solid #ddd;}

.sh_table3 > tbody > tr > td {text-align:center;}

.sh_table2 > thead > tr > th:last-child,
.sh_table3 > tbody > tr > th:last-child,
.sh_table2 > tbody > tr > td:last-child,
.sh_table3 > tbody > tr > td:last-child { border-right:0;}

.sh_step {background:#efefef; padding:15px 0; border-radius: 30px; margin-bottom:30px;}
.sh_step ul {font-size:0; text-align:center; margin:0; padding:0;}
.sh_step ul li {display:inline-block; font-size:18px; padding:0 6px;}



.sh_step ul li+li:before {content: "\f178";    font-family: "FontAwesome";    font-weight: 900;    padding-right:12px;}

.sh_bnr { font-size:0; margin-bottom:30px; }
.sh_bnr > div { display:inline-block; width: calc(50% - 16px);    margin: 0 8px ;}


.sh_ex {    
    position:relative;
    width: 100%;
    height: 100%;
    background:#f9f9f9 url(/bizdemo65963/img/images/sh_busi8_bg.png)  no-repeat right bottom;
    padding:10px 45px 50px;
}


@media only screen and (max-width: 767px) {
  .hs_table,
  .sh_table2 {table-layout: fixed;}
  .hs_table > tbody > tr > th,
  .hs_table > tbody > tr > td,
  .sh_table2 > tbody > tr > td,
  .sh_table2 > tbody > tr > td { white-space: pre-wrap !important;}

  .sh_ex { padding:10px 15px 50px; }
}