@charset "utf-8";

/* 사이드 메뉴 */
.main_mfree { margin-top: 15px; background: #fafafa; }
.row_mfree { display: flex; justify-content: flex-start; background: #fff; }
.mfree { width: 200px; }

/* 자유게시판 리스트 */
.free { width: calc(100% - 200px); }
.free h2 { width: 100%; }

.free_infor { width: 100%; padding-top: 0px; padding-bottom: 0; }
.free_infor .div_search { display: flex; justify-content: flex-start; width: 60%; height: 40px; line-height: 40px; margin: 10px 0 0 20px; }
.free_infor .div_search select { height: 37px; line-height: 29px; margin-right: 2px; }
.free_infor .div_search button { width: 100px; line-height: 38px; margin-left: 3px; }
.div_list_title { margin: 10px 5px 0 5px; }
.div_list_title ul { display: flex; border-top: 1px solid #777; border-bottom: 1px solid #777; background: #f8f8f8; height: 40px; line-height: 40px; }
.div_list_title li.content_ccont { text-align: center; }
.div_list_contents { margin: 0 5px 10px 5px; }
.div_list_contents ul { display: flex; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; }
.div_list_contents a:last-child ul { border-bottom: 1px solid #777; }
.div_list_contents .nodata { text-align: center; margin: 15px 0; color: red; font-weight: bold; }
.div_list_wrap li.content_no,
.div_list_wrap li.content_regnm,
.div_list_wrap li.content_inqct { text-align: center; width: 70px; }
.div_list_wrap li.content_regdt { text-align: center; width: 90px; }
.div_list_wrap li.content_regnm { width: 80px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_list_wrap li.content_no.content_no_gong span { background: steelblue; color: #fff; padding-left: 3px; padding-right: 3px; border-radius: 3px; }
/*.div_list_wrap li.content_ccont { width: calc(100% - 70px - 70px - 70px - 90px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}*/
.div_list_wrap li.content_ccont { display: flex; width: calc(100% - 70px - 80px - 70px - 90px); }
.div_list_wrap li.content_ccont > strong { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div_list_wrap li.content_ccont > i.xi-lock { font-size: 20px; height: 20px; line-height: inherit; padding: 1px 0 0; color: #ff4500; }
.div_list_wrap li.content_ccont > i.xi-save { font-size: 20px; height: 20px; line-height: inherit; padding: 1px 0 0; color: #065fd4; }
.div_list_wrap li.content_ccont > span { color: #ef4120; }
.div_list_wrap li.content_ccont > span.ccont_new { height: 18px; line-height: 18px; background: #ed1c20; color: #fff; padding: 0 3px; border-radius: 5px; font-weight: normal; font-size: 12px; margin: 12px 0 0 3px; }
.pager_wrap { text-align: center; }
.pager_wrap a { text-align: center; }
.pager_wrap .pager_a { display: inline-block; min-width: 30px; height: 30px; font-size: 17px; box-sizing: border-box; border: 1px solid #ebebeb; border-radius: 4px; margin: 0 2px;}
.pager_wrap .pager_num_a.on { color: #fff; background: #065fd4; border: 1px solid #065fd4; }
.pager_wrap .pager_first_a { position: relative; }
.pager_wrap .pager_first_a:before { content: ''; position: absolute; top: 6px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_first_a:hover:before { background: #2698cb; }
.pager_wrap .pager_last_a { position: relative; }
.pager_wrap .pager_last_a:after { content: ''; position: absolute; top: 6px; right: 5px; display: inline-block; width: 2px; height: 17px; background: #000; }
.pager_wrap .pager_last_a:hover:after { background: #2698cb; }

/*.div_bottom_btn { margin-top: 10px; }*/
.div_bottom_btn { margin: 10px 5px 0 5px; }