@charset "UTF-8";

/* =========================================================
  Fix Layout Columns
========================================================= */
body {
  background-color: #eee;
}
#container {
  width: 100%;
  margin: 0 auto;
  min-width: 1000px;
  background-color: #fff;
}

/* header
----------------------------------------------- */
#header {
  clear: both;
  width: 100%;
  margin: 0 auto;
}

/* banner
----------------------------------------------- */
#banner {
  clear: both;
  width: 100%;
  margin: 0 auto;
}

/* main
----------------------------------------------- */
#main {
  background-color: #fff;
}
#wrapper:before, #wrapper:after {
  content: "";
  display: table;
}
#wrapper:after {
  clear: both;
}
#wrapper {
  width: 1000px;
  margin: 0 auto 60px;
  zoom: 1;
}

/* content(right column)
----------------------------------------------- */
#content {
  float: right;
  width: 720px;
}

/* menu(left column)
----------------------------------------------- */
#menu {
  float: left;
  width: 240px;
}

/* footer
----------------------------------------------- */
#footer {
  clear: both;
  width: 100%;
  margin: 0 auto;
}

/* Responsive Layout
----------------------------------------------- */
@media screen and (max-width: 768px) {
  #container {
    min-width: 320px;
  }
  #wrapper {
    width: auto;
    min-width: 320px;
    margin: 0 auto 30px;
  }
  #content, #menu {
    float: none;
    width: auto;
  }
  #content {
    padding: 0 15px;
  }
}