/*=================================================
            lists
=================================================*/
.board-community-lists-wrap .item-wrap{
    margin: 15px 10px;	
    border-bottom: 1px solid #CCCCCC;
    text-align: center;
}

.board-community-lists-wrap .item-wrap .icon-wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);	
	-webkit-transform: translate(-50%, -50%);	
	transform: translate(-50%, -50%);	
}

.board-community-lists-wrap .item-wrap .icon-wrap i:before{
	font-size: 50px;
}

.board-community-lists-wrap .item-wrap .title-wrap{
	padding: 7% 15px;
}

.board-community-lists-wrap .item-wrap .item-title{
    padding: 0 0 10px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: -0.4px;
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 1.5em;
    overflow: hidden;
    box-sizing: content-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 2em;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.board-community-lists-wrap .item-wrap .item-subtitle{
    font-size: 15px;
    color: #585858;
    letter-spacing: -0.3px;
    position: relative;
    display: -webkit-box;
    width: 100%;
    height: 3em;
    overflow: hidden;
    box-sizing: content-box;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.5em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 553px){
	.board-community-lists-wrap .item-wrap .layer{
		display: none;
	}
	
	.board-community-lists-wrap .item-wrap .title-wrap {
	    padding: 2% 0;
	}	
	
	.board-community-lists-wrap .item-wrap .item-title{
	    font-size: 14px;
	}
	
	.board-community-lists-wrap .item-wrap .item-subtitle{
	    font-size: 11px;
	}	
}

/*=================================================
            view
=================================================*/
.board-community-view-wrap h2.title-header{
	margin: 0;
	padding: 0;
	
	font-size: 1.2rem;
	font-weight: 600;
}

.board-community-view-wrap .bottom-header{
    margin: 1% 0 6%;
    padding: 10px 50px;
    border-top: 2px solid #585858;
    border-bottom: 1px solid #585858;	
}

.board-community-view-wrap .board-body{
	padding: 1rem 2rem 3rem;
}

.board-community-view-wrap .content{
	padding: 1rem 0 0;
}

.board-community-view-wrap .content img{
    max-width: 100%;
    height: auto;	
}

/*****#####===== '목록으로' 버튼 =====#####*****/
.list-back-btn-wrap{
	border-top: 1px solid #585858;	
}

.list-back-btn-wrap .list-back-btn{
    margin: 30px 0 11%;
    padding: 10px 30px;
    background-color: #585858;	
}


/*****#####===== 미디어 쿼리 =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1200px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** sm *****/
@media (min-width: 554px) and (max-width: 767px){

}

/***** xs *****/
@media (max-width: 553px){
	.board-community-lists-wrap,
	.board-community-view-wrap{
		word-break: keep-all;
	}
	
	.board-community-view-wrap h2.title-header {
	    font-size: 1rem;
	}
	
	.board-community-view-wrap .bottom-header {
	    margin: 1% 0;
	    padding: 10px;
	    font-size: 11px;
	}	
	
	.board-community-view-wrap .board-body {
	    padding: 1rem 0.5rem;
	}		
}