board-list <div class="cptBoardList"> <div class="listArea"> <!-- 게시판 리스트 --> <div class="boardList"> <div class="boardArea"> <div class="boardGroup"> <ul class="boardListGroup"> <li class="boardItem"> <div class="category"> <b class="center">국민체력사업팀</b> <i class="region">강릉</i> </div> <div class="board"> <a href="#" class="boardConts"> <h6 class="tit"> <span class="notice">공지</span> 스포츠활동인증 참여안내 </h6> <div class="cont">상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.</div> </a> <div class="detail"> <span class="date">2022-12-12</span> <span class="hit">조회수 : 3,715</span> </div> </div> <div class="comBoardbtn"> <a href="#" target="_blank" class="boardBtn file">다운로드하기</a> <a href="#" class="boardBtn goLink">상세보기</a> </div> </li> <li class="boardItem"> <div class="category"> <b class="center">국민체력사업팀</b> <i class="region">남구(울산)</i> </div> <div class="board"> <a href="#" class="boardConts"> <h6 class="tit"> <span class="notice">공지</span> 스포츠활동인증 참여안내 </h6> <div class="cont">상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.</div> </a> <div class="detail"> <span class="date">2022-12-12</span> <span class="hit">조회수 : 3,715</span> </div> </div> <div class="comBoardbtn"> <a href="#" class="boardBtn goLink">상세보기</a> </div> </li> <li class="boardItem"> <div class="category"> <b class="center">국민체력사업팀</b> <i class="region">강릉</i> </div> <div class="board"> <a href="#" class="boardConts"> <h6 class="tit"> <span class="notice">공지</span> 스포츠활동인증 참여안내 </h6> <div class="cont">상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.</div> </a> <div class="detail"> <span class="date">2022-12-12</span> <span class="hit">조회수 : 3,715</span> </div> </div> <div class="comBoardbtn"> <a href="#" target="_blank" class="boardBtn file">다운로드하기</a> <a href="#" class="boardBtn goLink">상세보기</a> </div> </li> <li class="boardItem"> <div class="category"> <b class="center">국민체력사업팀</b> <i class="region">강릉</i> </div> <div class="board"> <a href="#" class="boardConts"> <h6 class="tit"> <span class="notice">공지</span> 스포츠활동인증 참여안내 </h6> <div class="cont">상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.</div> </a> <div class="detail"> <span class="date">2022-12-12</span> <span class="hit">조회수 : 3,715</span> </div> </div> <div class="comBoardbtn"> <a href="#" target="_blank" class="boardBtn file">다운로드하기</a> <a href="#" class="boardBtn goLink">상세보기</a> </div> </li> <li class="boardItem"> <div class="category"> <b class="center">국민체력사업팀</b> <i class="region">강릉</i> </div> <div class="board"> <a href="#" class="boardConts"> <h6 class="tit"> 스포츠활동인증 참여안내스포츠활동인증 참여안내스포츠활동인증 참여안내스포츠활동인증 참여안내스포츠활동인증 참여안내스포츠활동인증 참여안내스포츠활동인증 참여안내 </h6> <div class="cont">상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.상세내용이 한줄정도 나오는 영역입니다 상세내용이 한줄정도 나오는 영역입니다.</div> </a> <div class="detail"> <span class="date">2022-12-12</span> <span class="hit">조회수 : 3,715</span> </div> </div> <div class="comBoardbtn"> <a href="#" target="_blank" class="boardBtn file">다운로드하기</a> <a href="#" class="boardBtn goLink">상세보기</a> </div> </li> </ul> </div> </div> </div> </div> </div>