@media only screen and (max-width: 600px) {
  .c-main__left {
    display: none !important; } }

.c-main {
  width: 100%;
  /*background-color: #efefef; */
}

.c-main--center {
  margin: 0 auto;
  max-width: 1200px;
  min-width: 1200px;
  position: relative; 
      background: #fff;}
  @media only screen and (max-width: 600px) {
    .c-main--center {
      margin: 0 auto;
      max-width: none;
      min-width: inherit; } }

.c-main__left {
  width: 220px;
  float: left; }

.c-main__right {
  margin-left: 220px;
  border-left: 1px solid #ddd;
  padding: 60px 5% 20px 5%; }
  @media only screen and (max-width: 600px) {
    .c-main__right {
      margin-left: 0;
      padding: 60px 20px 20px 20px; } }

.c-main__top {
  margin-top: 60px;
  display: none; }
  @media only screen and (max-width: 600px) {
    .c-main__top {
      margin-top: 40px;
      padding-left: 20px;
      display: block; } }

.c-main--top {
  margin-top: 60px; }
  @media only screen and (max-width: 600px) {
    .c-main--top {
      margin-top: 40px;
      margin-left: 0;
      padding-left: 20px; } }

.c-main--bottom {
  margin-top: 40px; }
  @media only screen and (max-width: 600px) {
    .c-main--bottom {
      margin-top: 0;
      margin-left: 0;
      padding: 60px 20px 20px 20px; } }



.middleTop li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.nav {
  letter-spacing: 1px; }
  .nav li {
    cursor: pointer;
    text-align: center; }
    .nav li a {
      text-decoration: none; 
            white-space: pre;}
      .nav li a:visited {
        color: #fff; }
      .nav li a:hover {
        color: #fff;
        text-decoration: none; }
      .nav li a:link {
        color: #fff; }

.middleLeft__left {
  float: right;
  margin-top: 110px;
  letter-spacing: 1px;
    width: 160px;
}

.middleLeft__left--nav li:hover{
    background-color: #d9473c;
}
.middleLeft__left--nav li:hover>a{
color: #fff !important;
}
.middleLeft__left--nav a:after{
	content:" "  
}
.middleLeft__left li {
  margin-bottom: 17px;
  padding: 10px 30px; }

.middleLeft__left--nav a {
  color: #777  !important; }

.middleLeft__left--navClick {
  background-color: #d9473c;
  font-size: 18px;
  border-right: 6px solid #c23328;
  margin-right: -5px; }

.middleLeft__left--navClick a {
  color: #fff !important; }

.middleTop {
  border-bottom: 1px solid #dedede; }
  @media only screen and (max-width: 600px) {
    .middleTop {
      height: 40px;
      overflow: hidden;
      width: 300px;
      border: none; } }

@media only screen and (max-width: 600px) {
  .middleTop__nav {
    line-height: 14px;
    border-bottom: 1px solid #dedede;
    letter-spacing: -8px; } }

.middleTop li {
  padding: 14px 30px;
  line-height: 14px; }
  @media only screen and (max-width: 600px) {
    .middleTop li {
      padding: 10px 25px;
      letter-spacing: 0; } }

.middleTop__nav a {
  color: #999 !important; }

.middleTop__navClick {
  border-bottom: 4px solid #d9473c;
  margin-bottom: -3px; }

.middleTop__navClick a {
  color: #333 !important; }



.c-main--center {
  /*min-height: 722px;*/ }
.middleNotice__paging li, .mobilePagination li {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

.middleNotice {
  letter-spacing: 1px; }

.middleNotice__notice {
  display: block; }

.middleNotice__notice--list {
  display: block;
    padding: 4px 10px 4px 0px;
  border-bottom: 1px dashed #dedede;
  font-size: 16px;
  overflow: hidden; }

.middleNotice--dates {
  float: right; }
  @media only screen and (max-width: 600px) {
    .middleNotice--dates {
      float: left; } }

.middleNotice__paging {
  /*display: block;
  position: absolute;
  bottom: 5px;
  right: 30px;*/
    margin-top: 35px;
}
  @media only screen and (max-width: 600px) {
    .middleNotice__paging {
      /*display: none; */
            position: initial;
  } }

.middleNotice a {
  color: #000 !important;
  text-decoration: none;
  cursor: pointer; }
  .middleNotice a:visited {
    color: #fff; }
  .middleNotice a:hover {
    color: #fff;
    text-decoration: none; }
  .middleNotice a:link {
    color: #fff; }
  @media only screen and (max-width: 600px) {
    .middleNotice a {
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden;
      display: block; } }

.middleNotice__paging a {
  color: #000 !important;
  text-decoration: none;
  cursor: pointer; }
  .middleNotice__paging a:visited {
    color: #fff; }
  .middleNotice__paging a:hover {
    color: #fff;
    text-decoration: none; }
  .middleNotice__paging a:link {
    color: #fff; }

.mobilePagination {
  display: none;
  font-size: 12px;
  line-height: 1;
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center; }
  .mobilePagination li {
    margin-left: 13px;
    margin-right: 13px; }
  @media only screen and (max-width: 600px) {
    .mobilePagination {
      display: block; } }

.mobilePagination__block {
  margin-top: 1px;
  display: block; }