.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}



body {
  font-family: 'nanumgothic', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}


.logo {margin:15px auto; text-align: center;}
.top_bg {height:414px;   background: url('../images/top_bg.png') center top; background-size:contain :100%;}
.margin_auto {margin:0 auto;}

img {vertical-align: middle;}
.text-center { text-align: center;}

.hero-grid__item ul {padding:10px; text-align: left; list-style: none;}
.hero-grid__item .tit {font-size: 1.0em; font-weight: 600; color:#222;}
.hero-grid__item .date {font-size: 12px; color:#444;}
.hero-grid__item .info {font-size: 13px; color:#666; padding:10px 0;}

.hero-grid__item .home {background-color: #fc8100; color:#fff; border:1px solid #fc8100; padding: 4px 8px;}


.est {height:150px; background: url('../images/est_bg.png') center;}
.footer {height:100px; text-align:center; color:#a0a0a0; background-color:#555555; font-size:0.9em; padding-top:20px;}