main{
  width:100%;
  position:relative;
}
header{
  transition: background-color, border-bottom .2s;
}
div.mat_header_navigation{
  position:relative;
  width:100%;
  padding:16px 0px;
}
div.mat_header_navigation > div{
  position:relative;
  width:100%;
}
h1.mat_header_navigation_title{
  position:relative;
  font-size:20px;
  margin:0px 0px 12px 0px;
}
button.mat_header_navigation_button{
  border-radius:0px;
  font-size:18px;
  height:60px;
  border:1px solid #222222;
  text-transform: none;
}
.mat-board{
  width:100%;
  position:relative;
}
div.md_top_margin{
  width:100%;
}
div.mat-about-people{
  margin-bottom:24px !important;
}
div.mat-container{
  width:100%;
  position:relative;
}
div.mat-distribution-line{
  width:100%;
  height:1px;
  background-color:#222;
}
p.mat-sub-img{
  text-align:center;
}
a.mat-href{
  text-decoration: none;
  color:#44f;
}
p.mat-sub-string{
  font-size:16px;
  font-family:NanumSquare;
  color:#666;
}
p.mat-sub-title{
  color:#222;
  font-family:NanumSquare;
  font-size:18px;
}
p.mat-about-title{
  font-size:20px;
  color:#222;
  font-family:NanumSquare;
}
p.mat-about-sub{
  font-size:16px;
  color:666;
  font-family:NanumSquare;
}
@media screen and (min-width: 1024px) {
  header{
    transition: background-color, border-bottom .2s;
  }
  div.md_top_margin{
    height:84px;
  }
  .mat-board{
    padding:24px 15%;
  }
}
@media screen and (min-width: 480px) and (max-width: 1023px) {
  div.md_top_margin{
    height:72px;
  }
  .mat-board{
    padding:24px 10%;
  }
}
@media screen and (max-width: 479px) {
  div.md_top_margin{
    height:48px;
  }
  .mat-board{
    padding:16px;
  }
}