@charset "utf-8";
/* CSS Document */

#contents_main ul{
  width:100%;
  height:auto;
  overflow:hidden;
}

#contents_main ul li{
  list-style-type:none;
  width:23%;
  margin:0px 1% 95px 1%;
  float:left;
  position:relative;
}

#contents_main .subnav{
  text-align:center;
  margin:55px 0;
}

#contents_main .subnav h2{
  letter-spacing: 3px;
  font-size: 18px;
  display: inline;
  padding: 0 0 12px;
  border-bottom: 1px solid #4c4c4c;
  background-color:#FFF;
}

#contents_main ul li.series{
  clear:both;
}

#contents_main ul li span{
  display:block;
}

#contents_main ul li span.series-img{
  margin:0 0 13px;
}

#contents_main ul li span.number,
#contents_main ul li span.title{
  margin:0 0 10px;
}

#contents_main ul li span.series-description-control,
#contents_main ul li span.number font{
  color:#004a9f;
}

#contents_main ul li span.series-description-control{
  cursor:pointer;
}

#contents_main ul li span.title{
  font-size: 14px;
  font-weight: bold;
  color: #4c4c4c;
}

#contents_main ul li span.description_all,
#contents_main ul li span.description{
  letter-spacing:-0.5px;
  margin:0 0 15px;
}

#contents_main ul li span.description{
  height:100px;
  overflow:hidden;
}

#contents_main ul li span.description_all{
  height:auto;
  display:none;
  overflow:hidden;
}

#contents_main ul li span.description.remove{
  display:none;
}

#contents_main ul li span.description_all.action{
  display:block;
}



@media only screen and (max-width: 979px) {

#contents_main .subnav{
  margin: 25px 0;
}

#contents_main ul li{
  list-style-type:none;
  width:48%;
  margin:2% 0px;
  float:left;
  background-color:#ffffff;
  text-align:center;
}

#contents_main ul li:nth-child(2n-1){
  margin:2% 2% 45px 0;
  clear:both;
}
  
#contents_main ul li:nth-child(2n-2){
  margin:2% 0 45px 2%;
}

#contents_main ul li span.number,
#contents_main ul li span.title{
  margin:0 0 15px;
}

#contents_main ul li span.description{
  height: 80px;
}

#contents_main ul li span.series-description-control,
#contents_main ul li span.description,
#contents_main ul li span.description_all{
  text-align:left;
}


}