/* 리스트 */
.community_list_wrap{overflow: hidden;}
.community_list .com_sub_title{padding-bottom: 1.9rem;}
.community_list ul{margin: -9px;}
.community_list ul li{padding: 9px;}
.community_list ul li a{display: block; width: 100%;}

/* 뷰 */
.card_board_detail{position: relative;}
.card_board_detail .head{position: relative; z-index: 1;}
.card_board_detail .head .img{width: 51%; margin: 0 auto; animation: fadeImg ease-in 0.5s;}
.card_board_detail .content_body{ position: relative; background: var(--mono-06); padding: 2.5rem 0;}
.card_board_detail .content_body .com_desc02{margin-top: 1.8rem;}
.card_board_detail .content_body::before{content: ""; width: 100%; height: 6.3rem; background-color: var(--mono-06); position: absolute; top: -6.3rem; left: 0;}

.card_board_detail .desc_box{height: 30em; overflow: hidden;}
.card_board_detail .btn_wrap{position: relative; justify-content: center; margin: 3em 0;}
.card_board_detail .btn_wrap::before{content: ''; width: 100%; height: 6.25em; position: absolute; left: 0; bottom: calc(100% + 3em); background: linear-gradient(0deg, rgba(246,246,246,1) 25%, rgba(246,246,246,0.5) 50%, rgba(246,246,246,0) 100%);}
.card_board_detail .btn_wrap .btn_more_toggle{width: 3.6rem; height: 3.6rem; border-radius: 50%; background-color: var(--wh); display: flex; align-items: center; justify-content: center; color: var(--mono-03);}

.card_board_detail .content_body.open .desc_box{height: auto;} 
.card_board_detail .content_body.open .btn_wrap::before{display: none;}

@keyframes fadeImg {
  0%{opacity: 0; transform: translateY(20px);}
  100%{opacity: 100;  transform: translateY(0);}
}