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

/*==============================
    index
==============================*/
#newsDisp {
    margin: 30px auto;
}
#newsDisp li {
    margin: 0 auto 20px;

}
#newsDisp > ul li{
  border-bottom: 1px dashed #c7c7c7;
  padding:15px 10px;
  margin: 0 auto 0px;
  display:flex;
  flex-wrap: wrap;
}
.icon {
    width: 140px;
}
.icon span {
    padding: 0 10px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    font-size: 13px;
}
.icon01 span {
    background-color: #fbb216
}
.icon02  span {
    background-color: #68accb
}
#newsDisp > ul li a{
  width:100%;
  font-size: 17px;
}
#newsDisp li  p {
    width: 107px;
    /* font-size: 13px; */
}
#newsDisp li a {
    text-decoration: none;
    color: #7c7c7c;
}
.icon01 a:hover {
  color: #fbb216 !important
}
.icon02 a:hover {
  color: #68accb !important
}


/*==============================
    detail
==============================*/
#newsDetail {
    margin: 30px auto 0;
}
.detailImg {
    width: 500px;
    float: left;
}
.detailText {
    width: 470px;
    float: right;
    margin: 0 auto 30px;
}
.detailText h3 {
    font-size: 22px
}
.detailText li {
    float:left;
    margin: 0 15px 15px 0;
}
.detailText p {
  margin: 0 auto 30px;
}
#youtubeDisp a ,
#linkDisp a{
  color: #5e5e5e;
}
.backBt {
    clear:both;
    text-align: right
}
.backBt a {
    text-decoration: none;
    color: #fbb216
}