#contents{
  width:100%;
  max-width:740px;
  margin:0 auto;
}
#contents h2{
  width:100%;
}
#contents ul{
  margin:0;
  list-style:none;
  overflow:hidden;
}
#contents .overflow{
  position:relative;
  width:100%;
}
#contents #selectContents{
  font-size:0.875em;
}
#contents #selectContents p{
  margin:0;
}
#contents #selectContents .thumbnailArea .list{
  width: 1092px;
}

@media (max-width: 991px){
  #contents #selectContents{
    width:595px;
    height:315px;
  }
  #contents #selectContents .detailArea{
    height:203px;
    padding:18px 16px 14px 16px;
  }
  #contents #selectContents .detailArea .detail{
    width:595px;
  }
  #contents #selectContents .detailArea .detail .photo{
    width:175px;
  }
  #contents #selectContents .detailArea .detail .text{
    width:355px;
    margin:11px 0 11px 31px;
  }
  #contents #selectContents .detailArea .detail .text .heading{
    padding-bottom:20px;
  }
  #contents #selectContents .thumbnailArea{
    width:585px;
    margin:5px 5px 0 5px;
  }
  #contents #selectContents .thumbnailArea .list{
    width:780px;
  }
  #contents #selectContents .thumbnailArea .list li{
    width:50px;
    margin:0 5px;
  }
  #flashArea {
    overflow-y: hidden;
    overflow-x: scroll;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
  }
}

@media (max-width: 767px){
  #contents .overflow{
    overflow-x: auto;
  }
}