/*************** [board]basic ***************/
/*section_type_board_0 : 게시판*/
#section_type_board_8 .news{margin-top:200px; text-align:center; margin-bottom:100px;}
#section_type_board_8 .news h2 {font-size: 30px; color: #222; font-weight: 500; margin-bottom: 40px;}
#section_type_board_8 .news h2 p {font-size: 18px; color: #666; font-weight: normal; margin-top: 15px;}
#section_type_board_8 .news ul{font-size:0; display: flex;}
#section_type_board_8 .news ul li{display: flex; justify-content: space-between; margin-right:1%; font-size:16px; border:1px solid #ededed; text-align:left; width:24%; padding:20px; height:230px; position:relative;
   box-sizing:border-box;
   -webkit-box-sizing:border-box;
   -moz-box-sizing:border-box;
   -o-box-sizing:border-box;
}
#section_type_board_8 .news ul li:last-child{margin-right:0}
#section_type_board_8 .news ul li span{position:absolute; bottom:20px; font-size:15px; color:#666}
#section_type_board_8 .news ul li a p{color:#555; display:block; font-size:16px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.4em;}
#section_type_board_8 .news ul li a p.title{color:#555; display:block; font-size:16px;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 라인수 */
    -webkit-box-orient: vertical;
    word-wrap:break-word; 
    line-height: 1.8em;
	margin-bottom:10px;}
#section_type_board_8 .news ul li a p strong{font-size:20px; color:#222;  font-weight:normal; display:block;}
#section_type_board_8 .news ul li:hover{border:1px solid #125191}

#section_type_board_8 .news .title_box{height:70px;}

/*************** [board]responsive ***************/
/*게시판*/
@media screen and (max-width:1100px){
    #section_type_board_8 .news{margin-top:50px;;}
}
@media screen and (max-width:680px){
    #section_type_board_8 .news ul {flex-wrap: wrap;}
    #section_type_board_8 .news ul li{width:48%; margin:1%;}
}
@media screen and (max-width:380px){
    #section_type_board_8 .news ul li a p strong{font-size:16px;}
	#section_type_board_8 .news ul li a,
	#section_type_board_8 .news ul li span{font-size:14px;}
}
@media screen and (max-width:320px){
    #section_type_board_8 .news ul li{width:100%; margin:1% 0; height:auto;}
	#section_type_board_8 .news ul li span{position:relative; bottom:0px; display:block; margin-top:8px;}
}

/*************** [board]animation ***************/
/*#section_type_board_5 .new_family ul{
  opacity: 0;
  transition: all 600ms ease;
  top:20%;
  position:relative;
}

#section_type_board_5 .inner_bbs{
  opacity: 0;
  transition: all 600ms ease;
  bottom:20%;
  position:relative;
  transition-delay:0.3s
}*/